#7EA6DC#7EA6DC

#7EA6DC is a light, moderate cyan. Relative luminance 0.369; OKLCH L 71.7% C 0.091 H 256.1°. Best body text is #000000 at 8.38:1 contrast (WCAG AA passes).

Color values

HEX	#7EA6DC
RGB	rgb(126, 166, 220)
HSL	hsl(214, 57%, 68%)
HSV	hsv(214, 43%, 86%)
CMYK	cmyk(42.7%, 24.5%, 0%, 13.7%)
CIE-LAB	lab(67.18, 0.37, -31.60)
CIE-LCH	lch(67.18, 31.60, 270.66°)
OKLab	oklab(71.68% -0.0218 -0.088)
OKLCH	oklch(71.68% 0.091 256.1)
XYZ	xyz(35.1545, 36.8733, 72.9611)
Luminance	0.3688 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#7EA6DC #DCB47E

analogous

#7ED5DC #7EA6DC #857EDC

triadic

#7EA6DC #DC7EA6 #A6DC7E

tetradic

#7EA6DC #DC7ED5 #DCB47E #7EDC85

square

#7EA6DC #DC7ED5 #DCB47E #7EDC85

split-complementary

#7EA6DC #DC857E #D5DC7E

monochromatic

#3066B0 #4E85CF #7EA6DC #AEC7E9 #DEE8F6

Accessibility & contrast

On white

2.51

#7EA6DC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.38

#7EA6DC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7EA6DC

8.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##7EA6DC	#FFFFFF	#000000	##000000
##7EA6DC	1.00	2.51	8.38	8.38
#FFFFFF	2.51	1.00	21.00	21.00
#000000	8.38	21.00	1.00	1.00
##000000	8.38	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#92A9DE

Deuteranopia (green-blind)

#879FDB

Tritanopia (blue-blind)

#5BB2B8

Achromatopsia (no color)

#A4A4A4

Design tokens & code

CSS

--color: #7ea6dc;
/* rgb */ color: rgb(126, 166, 220);
/* oklch */ color: oklch(71.7% 0.091 256.1);

Tailwind

colors: {
  custom: {
    50: '#a7c0e7',
    500: '#7ea6dc',
    950: '#000000',
  },
}

SCSS

$custom: #7ea6dc;
$custom-light: #a7c0e7;
$custom-dark: #000000;

JSON

{
  "hex": "#7ea6dc",
  "rgb": {
    "r": 126,
    "g": 166,
    "b": 220
  },
  "hsl": {
    "h": 214.468,
    "s": 57.317,
    "l": 67.843
  },
  "oklch": {
    "l": 0.71681,
    "c": 0.09064,
    "h": 256.1
  },
  "luminance": 0.36875
}

Semantic roles & 50–950 ramp

primary

#7EA6DC

secondary

#E9DDCC

accent

#7F21C5

background

#FAFBFE

surface

#F4F7FC

border

#CED0D5

text

#101216

muted

#7F8184

Preview Lab

Preview with #7EA6DC

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

Preview Lab → · Contrast checker → · Palette generator →