#224754#224754

#224754 is a dark, muted cyan. Relative luminance 0.055; OKLCH L 37.6% C 0.048 H 223.3°. Best body text is #FFFFFF at 10.01:1 contrast (WCAG AA passes).

Color values

HEX	#224754
RGB	rgb(34, 71, 84)
HSL	hsl(196, 42%, 23%)
HSV	hsv(196, 60%, 33%)
CMYK	cmyk(59.5%, 15.5%, 0%, 67.1%)
CIE-LAB	lab(28.08, -8.94, -11.79)
CIE-LCH	lch(28.08, 14.79, 232.83°)
OKLab	oklab(37.64% -0.0347 -0.0327)
OKLCH	oklch(37.64% 0.048 223.3)
XYZ	xyz(4.5125, 5.4862, 9.2069)
Luminance	0.0549 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#224754 #542F22

analogous

#225448 #224754 #222E54

triadic

#224754 #542247 #475422

tetradic

#224754 #482254 #542F22 #2E5422

square

#224754 #482254 #542F22 #2E5422

split-complementary

#224754 #54222E #544822

monochromatic

#091216 #102228 #224754 #346C80 #4591AB

Accessibility & contrast

On white

10.01

#224754 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.10

#224754 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #224754

10.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##224754	#FFFFFF	#000000	##FFFFFF
##224754	1.00	10.01	2.10	10.01
#FFFFFF	10.01	1.00	21.00	1.00
#000000	2.10	21.00	1.00	21.00
##FFFFFF	10.01	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#404555

Deuteranopia (green-blind)

#384054

Tritanopia (blue-blind)

#004B4B

Achromatopsia (no color)

#424242

Design tokens & code

CSS

--color: #224754;
/* rgb */ color: rgb(34, 71, 84);
/* oklch */ color: oklch(37.6% 0.048 223.3);

Tailwind

colors: {
  custom: {
    50: '#627a84',
    500: '#224754',
    950: '#000000',
  },
}

SCSS

$custom: #224754;
$custom-light: #627a84;
$custom-dark: #000000;

JSON

{
  "hex": "#224754",
  "rgb": {
    "r": 34,
    "g": 71,
    "b": 84
  },
  "hsl": {
    "h": 195.6,
    "s": 42.373,
    "l": 23.137
  },
  "oklch": {
    "l": 0.37638,
    "c": 0.04772,
    "h": 223.3
  },
  "luminance": 0.05487
}

Semantic roles & 50–950 ramp

primary

#224754

secondary

#885A4A

accent

#7656D2

background

#F6F7F8

surface

#EBEDEF

border

#C6C8CA

text

#05090A

muted

#7A7B7C

Preview Lab

Preview with #224754

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

Preview Lab → · Contrast checker → · Palette generator →