#718EC4#718EC4

#718EC4 is a light, moderate blue. Relative luminance 0.268; OKLCH L 64.6% C 0.088 H 262.4°. Best body text is #000000 at 6.37:1 contrast (WCAG AA passes).

Color values

HEX	#718EC4
RGB	rgb(113, 142, 196)
HSL	hsl(219, 41%, 61%)
HSV	hsv(219, 42%, 77%)
CMYK	cmyk(42.3%, 27.6%, 0%, 23.1%)
CIE-LAB	lab(58.83, 3.88, -31.23)
CIE-LCH	lch(58.83, 31.47, 277.09°)
OKLab	oklab(64.62% -0.0116 -0.0871)
OKLCH	oklch(64.62% 0.088 262.4)
XYZ	xyz(26.4437, 26.8408, 56.0013)
Luminance	0.2684 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#718EC4 #C4A771

analogous

#71B8C4 #718EC4 #7D71C4

triadic

#718EC4 #C4718E #8EC471

tetradic

#718EC4 #C471B8 #C4A771 #71C47D

square

#718EC4 #C471B8 #C4A771 #71C47D

split-complementary

#718EC4 #C47D71 #B8C471

monochromatic

#375284 #496CAF #718EC4 #9CB0D6 #C7D3E8

Accessibility & contrast

On white

3.30

#718EC4 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.37

#718EC4 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #718EC4

6.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##718EC4	#FFFFFF	#000000	##000000
##718EC4	1.00	3.30	6.37	6.37
#FFFFFF	3.30	1.00	21.00	21.00
#000000	6.37	21.00	1.00	1.00
##000000	6.37	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#7B92C6

Deuteranopia (green-blind)

#728AC3

Tritanopia (blue-blind)

#5499A1

Achromatopsia (no color)

#8E8E8E

Design tokens & code

CSS

--color: #718ec4;
/* rgb */ color: rgb(113, 142, 196);
/* oklch */ color: oklch(64.6% 0.088 262.4);

Tailwind

colors: {
  custom: {
    50: '#9daed6',
    500: '#718ec4',
    950: '#000000',
  },
}

SCSS

$custom: #718ec4;
$custom-light: #9daed6;
$custom-dark: #000000;

JSON

{
  "hex": "#718ec4",
  "rgb": {
    "r": 113,
    "g": 142,
    "b": 196
  },
  "hsl": {
    "h": 219.036,
    "s": 41.294,
    "l": 60.588
  },
  "oklch": {
    "l": 0.64618,
    "c": 0.0879,
    "h": 262.4
  },
  "luminance": 0.26842
}

Semantic roles & 50–950 ramp

primary

#718EC4

secondary

#D8CDB9

accent

#8731B4

background

#F9FAFD

surface

#F2F4FA

border

#CCCED3

text

#0F1014

muted

#7E7F83

Preview Lab

Preview with #718EC4

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

Preview Lab → · Contrast checker → · Palette generator →