#226BAD#226BAD

#226BAD is a mid, vivid cyan. Relative luminance 0.139; OKLCH L 51.7% C 0.126 H 250.0°. Best body text is #FFFFFF at 5.56:1 contrast (WCAG AA passes).

Color values

HEX	#226BAD
RGB	rgb(34, 107, 173)
HSL	hsl(208, 67%, 41%)
HSV	hsv(208, 80%, 68%)
CMYK	cmyk(80.3%, 38.2%, 0%, 32.2%)
CIE-LAB	lab(44.05, 1.78, -41.47)
CIE-LCH	lch(44.05, 41.51, 272.45°)
OKLab	oklab(51.73% -0.0431 -0.1183)
OKLCH	oklch(51.73% 0.126 250)
XYZ	xyz(13.4573, 13.8710, 41.4952)
Luminance	0.1387 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#226BAD #AD6422

analogous

#22ADA9 #226BAD #2226AD

triadic

#226BAD #AD226B #6BAD22

tetradic

#226BAD #A922AD #AD6422 #26AD22

square

#226BAD #A922AD #AD6422 #26AD22

split-complementary

#226BAD #AD2226 #ADA922

monochromatic

#0E2C47 #184B7A #226BAD #358AD7 #68A8E1

Accessibility & contrast

On white

5.56

#226BAD on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.77

#226BAD on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #226BAD

5.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##226BAD	#FFFFFF	#000000	##FFFFFF
##226BAD	1.00	5.56	3.77	5.56
#FFFFFF	5.56	1.00	21.00	1.00
#000000	3.77	21.00	1.00	21.00
##FFFFFF	5.56	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#4C6FB0

Deuteranopia (green-blind)

#3662AC

Tritanopia (blue-blind)

#007B83

Achromatopsia (no color)

#686868

Design tokens & code

CSS

--color: #226bad;
/* rgb */ color: rgb(34, 107, 173);
/* oklch */ color: oklch(51.7% 0.126 250.0);

Tailwind

colors: {
  custom: {
    50: '#7394c6',
    500: '#226bad',
    950: '#000000',
  },
}

SCSS

$custom: #226bad;
$custom-light: #7394c6;
$custom-dark: #000000;

JSON

{
  "hex": "#226bad",
  "rgb": {
    "r": 34,
    "g": 107,
    "b": 173
  },
  "hsl": {
    "h": 208.489,
    "s": 67.15,
    "l": 40.588
  },
  "oklch": {
    "l": 0.51727,
    "c": 0.12592,
    "h": 250
  },
  "luminance": 0.13873
}

Semantic roles & 50–950 ramp

primary

#226BAD

secondary

#C79364

accent

#903EEA

background

#F7F9FC

surface

#EEF1F8

border

#C9CBD1

text

#090D13

muted

#7B7E82

Preview Lab

Preview with #226BAD

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

Preview Lab → · Contrast checker → · Palette generator →