#668EBF#668EBF

#668EBF is a light, moderate cyan. Relative luminance 0.259; OKLCH L 63.7% C 0.086 H 254.0°. Best body text is #000000 at 6.19:1 contrast (WCAG AA passes).

Color values

HEX	#668EBF
RGB	rgb(102, 142, 191)
HSL	hsl(213, 41%, 57%)
HSV	hsv(213, 47%, 75%)
CMYK	cmyk(46.6%, 25.7%, 0%, 25.1%)
CIE-LAB	lab(57.97, -0.40, -29.78)
CIE-LCH	lch(57.97, 29.78, 269.23°)
OKLab	oklab(63.71% -0.0238 -0.0831)
OKLCH	oklch(63.71% 0.086 254)
XYZ	xyz(24.5533, 25.9307, 52.9914)
Luminance	0.2593 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#668EBF #BF9766

analogous

#66BABF #668EBF #6B66BF

triadic

#668EBF #BF668E #8EBF66

tetradic

#668EBF #BF66BA #BF9766 #66BF6B

square

#668EBF #BF66BA #BF9766 #66BF6B

split-complementary

#668EBF #BF6B66 #BABF66

monochromatic

#325278 #446FA3 #668EBF #91AED1 #BCCEE3

Accessibility & contrast

On white

3.39

#668EBF on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.19

#668EBF on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #668EBF

6.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##668EBF	#FFFFFF	#000000	##000000
##668EBF	1.00	3.39	6.19	6.19
#FFFFFF	3.39	1.00	21.00	21.00
#000000	6.19	21.00	1.00	1.00
##000000	6.19	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#7B90C1

Deuteranopia (green-blind)

#7087BE

Tritanopia (blue-blind)

#41999F

Achromatopsia (no color)

#8B8B8B

Design tokens & code

CSS

--color: #668ebf;
/* rgb */ color: rgb(102, 142, 191);
/* oklch */ color: oklch(63.7% 0.086 254.0);

Tailwind

colors: {
  custom: {
    50: '#96aed2',
    500: '#668ebf',
    950: '#000000',
  },
}

SCSS

$custom: #668ebf;
$custom-light: #96aed2;
$custom-dark: #000000;

JSON

{
  "hex": "#668ebf",
  "rgb": {
    "r": 102,
    "g": 142,
    "b": 191
  },
  "hsl": {
    "h": 213.034,
    "s": 41.014,
    "l": 57.451
  },
  "oklch": {
    "l": 0.63709,
    "c": 0.08648,
    "h": 254
  },
  "luminance": 0.25932
}

Semantic roles & 50–950 ramp

primary

#668EBF

secondary

#D2C2AE

accent

#9A57D1

background

#F9FAFC

surface

#F2F4F9

border

#CCCED2

text

#0E1014

muted

#7E7F82

Preview Lab

Preview with #668EBF

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

Preview Lab → · Contrast checker → · Palette generator →