#223084#223084

#223084 is a dark, vivid blue. Relative luminance 0.041; OKLCH L 35.5% C 0.141 H 270.2°. Best body text is #FFFFFF at 11.51:1 contrast (WCAG AA passes).

Color values

HEX	#223084
RGB	rgb(34, 48, 132)
HSL	hsl(231, 59%, 33%)
HSV	hsv(231, 74%, 52%)
CMYK	cmyk(74.2%, 63.6%, 0%, 48.2%)
CIE-LAB	lab(24.06, 25.07, -48.84)
CIE-LCH	lch(24.06, 54.90, 297.17°)
OKLab	oklab(35.52% 0.0005 -0.141)
OKLCH	oklch(35.52% 0.141 270.2)
XYZ	xyz(5.8801, 4.1193, 22.3105)
Luminance	0.0412 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#223084 #847622

analogous

#226184 #223084 #452284

triadic

#223084 #842230 #308422

tetradic

#223084 #842261 #847622 #228445

square

#223084 #842261 #847622 #228445

split-complementary

#223084 #844522 #618422

monochromatic

#090D23 #151E53 #223084 #2F42B5 #4F61D2

Accessibility & contrast

On white

11.51

#223084 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.82

#223084 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #223084

11.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##223084	#FFFFFF	#000000	##FFFFFF
##223084	1.00	11.51	1.82	11.51
#FFFFFF	11.51	1.00	21.00	1.00
#000000	1.82	21.00	1.00	21.00
##FFFFFF	11.51	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#003E87

Deuteranopia (green-blind)

#003582

Tritanopia (blue-blind)

#004555

Achromatopsia (no color)

#393939

Design tokens & code

CSS

--color: #223084;
/* rgb */ color: rgb(34, 48, 132);
/* oklch */ color: oklch(35.5% 0.141 270.2);

Tailwind

colors: {
  custom: {
    50: '#6c68a9',
    500: '#223084',
    950: '#000000',
  },
}

SCSS

$custom: #223084;
$custom-light: #6c68a9;
$custom-dark: #000000;

JSON

{
  "hex": "#223084",
  "rgb": {
    "r": 34,
    "g": 48,
    "b": 132
  },
  "hsl": {
    "h": 231.429,
    "s": 59.036,
    "l": 32.549
  },
  "oklch": {
    "l": 0.3552,
    "c": 0.14102,
    "h": 270.2
  },
  "luminance": 0.0412
}

Semantic roles & 50–950 ramp

primary

#223084

secondary

#B5A64D

accent

#CC46E2

background

#F7F6FA

surface

#EDEBF4

border

#C8C6CE

text

#080610

muted

#7B7A7F

Preview Lab

Preview with #223084

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

Preview Lab → · Contrast checker → · Palette generator →