Skip to content
PantoneTools
blue
Tailwind CSS palette

Sky 950

sky-950 · #082F49

HEX

#082F49

RGB

rgb(8, 47, 73)

CMYK

cmyk(89%, 36%, 0%, 71%)

HSL

hsl(204, 80%, 16%)

LAB

lab(18.2, -2.5, -19.9)

What is Sky 950?

Sky 950 is the sky-950 reference in the Tailwind CSS palette. Its sRGB value is #082F49 (rgb 8, 47, 73). It sits in the blue family. The default color palette shipped with Tailwind CSS v3 by Tailwind Labs. 22 color families across 11 lightness steps (50 to 950). See disclaimer for accuracy and trademark notes.

Accessibility

WCAG 2.1 contrast checks for Sky 950 as a background.

Black text on this color

Sample text · 1.51 : 1
AA Normal
AA Large
AAA Normal
AAA Large

White text on this color

Sample text · 13.88 : 1
AA Normal
AA Large
AAA Normal
AAA Large

Shades, tints & tonal scale of Sky 950

An 11-step tonal scale derived from Sky 950 (#082F49). Click any swatch to copy its HEX. Use these as a starting point for design tokens, hover states, and disabled states in a design system.

Copied #EBEEF0

50

#EBEEF0

#EBEEF0

Copied #D7DEE2

100

#D7DEE2

#D7DEE2

Copied #B0BCC5

200

#B0BCC5

#B0BCC5

Copied #8497A4

300

#8497A4

#8497A4

Copied #466377

400

#466377

#466377

Copied #082F49

500

#082F49

#082F49

Copied #07283E

600

#07283E

#07283E

Copied #051F2F

700

#051F2F

#051F2F

Copied #041521

800

#041521

#041521

Copied #020C12

900

#020C12

#020C12

Copied #010609

950

#010609

#010609

Lighter tints (mixed with white)

Copied #6D747D

15%

#6D747D

Copied #95999F

30%

#95999F

Copied #B3B6B9

45%

#B3B6B9

Copied #CCCDCF

60%

#CCCDCF

Copied #E1E2E3

75%

#E1E2E3

Darker shades (mixed with black)

Copied #072B43

15%

#072B43

Copied #06273D

30%

#06273D

Copied #042236

45%

#042236

Copied #031C2D

60%

#031C2D

Copied #021423

75%

#021423

Color harmonies for Sky 950

Classic color-theory harmonies derived from rotating the hue of Sky 950. Use these to build accent palettes, brand systems, and accessible UI color pairings.

Complementary

180° opposite — strongest contrast

Copied #082F49

#082F49

#082F49

Copied #492208

#492208

#492208

Triadic

Three colors 120° apart

Copied #082F49

#082F49

#082F49

Copied #49082F

#49082F

#49082F

Copied #2F4908

#2F4908

#2F4908

Analogous

Two neighbors ±30° on the wheel

Copied #084943

#084943

#084943

Copied #082F49

#082F49

#082F49

Copied #080F49

#080F49

#080F49

Split-complementary

Base + two colors flanking its complement

Copied #082F49

#082F49

#082F49

Copied #49080F

#49080F

#49080F

Copied #494308

#494308

#494308

Tetradic

Two complementary pairs

Copied #082F49

#082F49

#082F49

Copied #220849

#220849

#220849

Copied #492208

#492208

#492208

Copied #2F4908

#2F4908

#2F4908

Square

Four colors evenly spaced 90° apart

Copied #082F49

#082F49

#082F49

Copied #430849

#430849

#430849

Copied #492208

#492208

#492208

Copied #0F4908

#0F4908

#0F4908

Sky 950 in every color space

Full conversion of Sky 950 across the color spaces designers and developers actually use — including OKLCH (the perceptually-uniform space that powers Tailwind v4 and CSS Color Module Level 4) and HWB.

HEX

#082F49

RGB

rgb(8, 47, 73)

CMYK

cmyk(89%, 36%, 0%, 71%)

HSL

hsl(204, 80%, 16%)

HSV

hsv(204, 89%, 29%)

HWB

hwb(204 3% 71%)

CIE Lab

lab(18.2 -2.5 -19.9)

OKLCH

oklch(29.3% 0.063 243.2)

XYZ (D65)

xyz(2.32, 2.57, 6.68)

Copy-ready code for Sky 950

Drop-in snippets for CSS, Tailwind, Sass, iOS Swift, and Android XML. Click the copy button on any snippet to put it on your clipboard.

CSS

color: #082F49;
background-color: #082F49;

CSS variable

:root {
  --color-sky-950: #082F49;
}

Tailwind config

// tailwind.config.js
colors: {
  'sky-950': '#082F49',
}

Sass

$color-sky-950: #082F49;

Swift UIColor

UIColor(red: 0.031, green: 0.184, blue: 0.286, alpha: 1.0)

Android XML

<color name="sky-950">#082F49</color>

Closest match in every color system

The nearest Sky 950 equivalent in every other color system on this site, ranked by ΔE2000 perceptual distance. Useful when translating between design-system, web-standard, and industrial color references.

Closest in Tailwind CSS palette

Top 6 ΔE2000-closest entries within the same collection.

Top 6 ΔE2000-closest Pantone references. Cross-system matching is approximate — see disclaimer.

Top 6 ΔE2000-closest RAL Classic references for industrial coating cross-reference.

Copied #1D334A

RAL 5020

#1D334A

Ocean blue

Copied #0E294B

RAL 5010

#0E294B

Gentian blue

Copied #063971

RAL 5017

#063971

Traffic blue

Copied #1E2460

RAL 5005

#1E2460

Signal blue

Copied #2F353B

RAL 7026

#2F353B

Granite grey

Copied #252850

RAL 5022

#252850

Night blue

FAQ about Sky 950

What is the HEX code for Sky 950?

Sky 950 (sky-950) has the HEX code #082F49. In RGB it is rgb(8, 47, 73), and in CMYK it is cmyk(89%, 36%, 0%, 71%).

What is the OKLCH value of Sky 950?

Sky 950 converts to oklch(0.293 0.063 243.2). OKLCH is the perceptually uniform color space used by Tailwind v4 and CSS Color Module Level 4.

Is Sky 950 accessible for body text?

Used as a background, Sky 950 has a contrast ratio of 1.51:1 with black text and 13.88:1 with white text. WCAG 2.1 AA requires 4.5:1 for normal text. The current recommendation is to use white text and verify in real UI context.

What is the closest Pantone to Sky 950?

The closest Pantone reference to Sky 950 by ΔE2000 perceptual distance is Pantone 302 C (#003D5B). Cross-system Pantone matching is approximate; for color-critical print work, verify with a physical Pantone guide.

What is the closest RAL color to Sky 950?

The closest RAL Classic reference to Sky 950 by ΔE2000 distance is RAL 5020 (Ocean blue, #1D334A). RAL is a German industrial coating standard commonly used for paint, powder coat, and architectural specification.

What is the complementary color of Sky 950?

The complementary color (180° opposite on the HSL color wheel) of Sky 950 is #492208. Use it for high-contrast accents, error states, or call-to-action pairings.

Data provenance & source

Tailwind CSS default palette (v3)

The default color palette shipped with Tailwind CSS v3 by Tailwind Labs Inc. Use as a reference for design tokens, web color systems, and Tailwind-based design conversations. Names like 'blue-500' are the project's own naming convention.

Source type
derived
Confidence
high
License
MIT
Last reviewed
2026-05-24

Workflow tags

tailwind
design-token
web-system
blue

Tailwind palette values are designed for digital interfaces under sRGB. For print, convert to a process-appropriate value and proof against the substrate; do not rely on sRGB CMYK conversion for color-critical print work.

Tailwind CSS palette · Sky 950 — #082F49 | PantoneTools