#224558#224558

#224558 is a dark, muted cyan. Relative luminance 0.053; OKLCH L 37.3% C 0.052 H 234.3°. Best body text is #FFFFFF at 10.19:1 contrast (WCAG AA passes).

Color values

HEX	#224558
RGB	rgb(34, 69, 88)
HSL	hsl(201, 44%, 24%)
HSV	hsv(201, 61%, 35%)
CMYK	cmyk(61.4%, 21.6%, 0%, 65.5%)
CIE-LAB	lab(27.57, -6.29, -15.15)
CIE-LCH	lch(27.57, 16.40, 247.45°)
OKLab	oklab(37.3% -0.0304 -0.0423)
OKLCH	oklch(37.3% 0.052 234.3)
XYZ	xyz(4.5486, 5.3005, 10.0140)
Luminance	0.0530 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#224558 #583522

analogous

#225850 #224558 #222A58

triadic

#224558 #582245 #455822

tetradic

#224558 #502258 #583522 #2A5822

square

#224558 #502258 #583522 #2A5822

split-complementary

#224558 #58222A #585022

monochromatic

#091116 #11222C #224558 #336884 #448AB0

Accessibility & contrast

On white

10.19

#224558 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.06

#224558 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #224558

10.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##224558	#FFFFFF	#000000	##FFFFFF
##224558	1.00	10.19	2.06	10.19
#FFFFFF	10.19	1.00	21.00	1.00
#000000	2.06	21.00	1.00	21.00
##FFFFFF	10.19	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3C4459

Deuteranopia (green-blind)

#343F58

Tritanopia (blue-blind)

#004A4B

Achromatopsia (no color)

#414141

Design tokens & code

CSS

--color: #224558;
/* rgb */ color: rgb(34, 69, 88);
/* oklch */ color: oklch(37.3% 0.052 234.3);

Tailwind

colors: {
  custom: {
    50: '#627887',
    500: '#224558',
    950: '#000000',
  },
}

SCSS

$custom: #224558;
$custom-light: #627887;
$custom-dark: #000000;

JSON

{
  "hex": "#224558",
  "rgb": {
    "r": 34,
    "g": 69,
    "b": 88
  },
  "hsl": {
    "h": 201.111,
    "s": 44.262,
    "l": 23.922
  },
  "oklch": {
    "l": 0.37295,
    "c": 0.05207,
    "h": 234.3
  },
  "luminance": 0.05301
}

Semantic roles & 50–950 ramp

primary

#224558

secondary

#8C614A

accent

#8154D4

background

#F6F7F8

surface

#EBEDEF

border

#C6C8CA

text

#05090B

muted

#7A7B7C

Preview Lab

Preview with #224558

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

Preview Lab → · Contrast checker → · Palette generator →