#2564C1#2564C1

#2564C1 is a mid, vivid blue. Relative luminance 0.134; OKLCH L 51.6% C 0.159 H 258.6°. Best body text is #FFFFFF at 5.72:1 contrast (WCAG AA passes).

Color values

HEX	#2564C1
RGB	rgb(37, 100, 193)
HSL	hsl(216, 68%, 45%)
HSV	hsv(216, 81%, 76%)
CMYK	cmyk(80.8%, 48.2%, 0%, 24.3%)
CIE-LAB	lab(43.30, 14.27, -54.33)
CIE-LCH	lch(43.30, 56.17, 284.72°)
OKLab	oklab(51.56% -0.0315 -0.1562)
OKLCH	oklch(51.56% 0.159 258.6)
XYZ	xyz(14.9422, 13.3561, 52.2322)
Luminance	0.1336 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#2564C1 #C18225

analogous

#25B2C1 #2564C1 #3425C1

triadic

#2564C1 #C12564 #64C125

tetradic

#2564C1 #C125B2 #C18225 #25C134

square

#2564C1 #C125B2 #C18225 #25C134

split-complementary

#2564C1 #C13425 #B2C125

monochromatic

#112F5A #1B498E #2564C1 #4783DC #7BA6E6

Accessibility & contrast

On white

5.72

#2564C1 on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.67

#2564C1 on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #2564C1

5.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##2564C1	#FFFFFF	#000000	##FFFFFF
##2564C1	1.00	5.72	3.67	5.72
#FFFFFF	5.72	1.00	21.00	1.00
#000000	3.67	21.00	1.00	21.00
##FFFFFF	5.72	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2E6EC4

Deuteranopia (green-blind)

#0060BF

Tritanopia (blue-blind)

#007A89

Achromatopsia (no color)

#666666

Design tokens & code

CSS

--color: #2564c1;
/* rgb */ color: rgb(37, 100, 193);
/* oklch */ color: oklch(51.6% 0.159 258.6);

Tailwind

colors: {
  custom: {
    50: '#798fd4',
    500: '#2564c1',
    950: '#000000',
  },
}

SCSS

$custom: #2564c1;
$custom-light: #798fd4;
$custom-dark: #000000;

JSON

{
  "hex": "#2564c1",
  "rgb": {
    "r": 37,
    "g": 100,
    "b": 193
  },
  "hsl": {
    "h": 215.769,
    "s": 67.826,
    "l": 45.098
  },
  "oklch": {
    "l": 0.51558,
    "c": 0.15937,
    "h": 258.6
  },
  "luminance": 0.13358
}

Semantic roles & 50–950 ramp

primary

#2564C1

secondary

#CEA974

accent

#A53DEB

background

#F8F8FD

surface

#EFF0FA

border

#CACBD3

text

#0B0C14

muted

#7C7D83

Preview Lab

Preview with #2564C1

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

Preview Lab → · Contrast checker → · Palette generator →