#1F4867#1F4867

#1F4867 is a dark, moderate cyan. Relative luminance 0.059; OKLCH L 38.8% C 0.070 H 243.9°. Best body text is #FFFFFF at 9.63:1 contrast (WCAG AA passes).

Color values

HEX	#1F4867
RGB	rgb(31, 72, 103)
HSL	hsl(206, 54%, 26%)
HSV	hsv(206, 70%, 40%)
CMYK	cmyk(69.9%, 30.1%, 0%, 59.6%)
CIE-LAB	lab(29.17, -3.32, -22.31)
CIE-LCH	lch(29.17, 22.56, 261.52°)
OKLab	oklab(38.76% -0.0308 -0.0629)
OKLCH	oklch(38.76% 0.07 243.9)
XYZ	xyz(5.3297, 5.9048, 13.6882)
Luminance	0.0590 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#1F4867 #673E1F

analogous

#1F6762 #1F4867 #1F2467

triadic

#1F4867 #671F48 #48671F

tetradic

#1F4867 #621F67 #673E1F #24671F

square

#1F4867 #621F67 #673E1F #24671F

split-complementary

#1F4867 #671F24 #67621F

monochromatic

#071018 #112738 #1F4867 #2D6996 #3C8AC4

Accessibility & contrast

On white

9.63

#1F4867 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.18

#1F4867 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1F4867

9.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##1F4867	#FFFFFF	#000000	##FFFFFF
##1F4867	1.00	9.63	2.18	9.63
#FFFFFF	9.63	1.00	21.00	1.00
#000000	2.18	21.00	1.00	21.00
##FFFFFF	9.63	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3A4968

Deuteranopia (green-blind)

#304266

Tritanopia (blue-blind)

#005053

Achromatopsia (no color)

#454545

Design tokens & code

CSS

--color: #1f4867;
/* rgb */ color: rgb(31, 72, 103);
/* oklch */ color: oklch(38.8% 0.070 243.9);

Tailwind

colors: {
  custom: {
    50: '#647a92',
    500: '#1f4867',
    950: '#000000',
  },
}

SCSS

$custom: #1f4867;
$custom-light: #647a92;
$custom-dark: #000000;

JSON

{
  "hex": "#1f4867",
  "rgb": {
    "r": 31,
    "g": 72,
    "b": 103
  },
  "hsl": {
    "h": 205.833,
    "s": 53.731,
    "l": 26.275
  },
  "oklch": {
    "l": 0.38763,
    "c": 0.07003,
    "h": 243.9
  },
  "luminance": 0.05905
}

Semantic roles & 50–950 ramp

primary

#1F4867

secondary

#9B6B46

accent

#8A4BDD

background

#F6F7F9

surface

#EBEDF1

border

#C6C8CB

text

#06090D

muted

#7A7B7E

Preview Lab

Preview with #1F4867

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →