#1D67BC#1D67BC

#1D67BC is a mid, vivid cyan. Relative luminance 0.136; OKLCH L 51.7% C 0.151 H 255.2°. Best body text is #FFFFFF at 5.65:1 contrast (WCAG AA passes).

Color values

HEX	#1D67BC
RGB	rgb(29, 103, 188)
HSL	hsl(212, 73%, 43%)
HSV	hsv(212, 85%, 74%)
CMYK	cmyk(84.6%, 45.2%, 0%, 26.3%)
CIE-LAB	lab(43.64, 9.67, -50.88)
CIE-LCH	lch(43.64, 51.79, 280.76°)
OKLab	oklab(51.67% -0.0387 -0.1461)
OKLCH	oklch(51.67% 0.151 255.2)
XYZ	xyz(14.4306, 13.5907, 49.4299)
Luminance	0.1359 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#1D67BC #BC721D

analogous

#1DB7BC #1D67BC #221DBC

triadic

#1D67BC #BC1D67 #67BC1D

tetradic

#1D67BC #BC1DB7 #BC721D #1DBC22

square

#1D67BC #BC1DB7 #BC721D #1DBC22

split-complementary

#1D67BC #BC221D #B7BC1D

monochromatic

#0D2D52 #154A87 #1D67BC #3685E0 #6BA5E8

Accessibility & contrast

On white

5.65

#1D67BC on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.72

#1D67BC on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #1D67BC

5.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##1D67BC	#FFFFFF	#000000	##FFFFFF
##1D67BC	1.00	5.65	3.72	5.65
#FFFFFF	5.65	1.00	21.00	1.00
#000000	3.72	21.00	1.00	21.00
##FFFFFF	5.65	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3A6FBF

Deuteranopia (green-blind)

#1361BA

Tritanopia (blue-blind)

#007B88

Achromatopsia (no color)

#676767

Design tokens & code

CSS

--color: #1d67bc;
/* rgb */ color: rgb(29, 103, 188);
/* oklch */ color: oklch(51.7% 0.151 255.2);

Tailwind

colors: {
  custom: {
    50: '#7591d1',
    500: '#1d67bc',
    950: '#000000',
  },
}

SCSS

$custom: #1d67bc;
$custom-light: #7591d1;
$custom-dark: #000000;

JSON

{
  "hex": "#1d67bc",
  "rgb": {
    "r": 29,
    "g": 103,
    "b": 188
  },
  "hsl": {
    "h": 212.075,
    "s": 73.272,
    "l": 42.549
  },
  "oklch": {
    "l": 0.51666,
    "c": 0.15114,
    "h": 255.2
  },
  "luminance": 0.13593
}

Semantic roles & 50–950 ramp

primary

#1D67BC

secondary

#CE9E67

accent

#9A38F0

background

#F7F8FC

surface

#EEF0F9

border

#C9CBD2

text

#0A0C14

muted

#7C7D82

Preview Lab

Preview with #1D67BC

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

Preview Lab → · Contrast checker → · Palette generator →