#649FBD#649FBD

#649FBD is a light, moderate cyan. Relative luminance 0.312; OKLCH L 67.4% C 0.076 H 231.6°. Best body text is #000000 at 7.24:1 contrast (WCAG AA passes).

Color values

HEX	#649FBD
RGB	rgb(100, 159, 189)
HSL	hsl(200, 40%, 57%)
HSV	hsv(200, 47%, 74%)
CMYK	cmyk(47.1%, 15.9%, 0%, 25.9%)
CIE-LAB	lab(62.66, -11.02, -21.45)
CIE-LCH	lch(62.66, 24.12, 242.80°)
OKLab	oklab(67.36% -0.0471 -0.0594)
OKLCH	oklch(67.36% 0.076 231.6)
XYZ	xyz(26.8357, 31.1777, 52.7380)
Luminance	0.3118 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#649FBD #BD8264

analogous

#64BDAF #649FBD #6473BD

triadic

#649FBD #BD649F #9FBD64

tetradic

#649FBD #AF64BD #BD8264 #73BD64

square

#649FBD #AF64BD #BD8264 #73BD64

split-complementary

#649FBD #BD6473 #BDAF64

monochromatic

#325E75 #4481A0 #649FBD #8FBACF #BAD4E2

Accessibility & contrast

On white

2.90

#649FBD on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.24

#649FBD on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #649FBD

7.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##649FBD	#FFFFFF	#000000	##000000
##649FBD	1.00	2.90	7.24	7.24
#FFFFFF	2.90	1.00	21.00	21.00
#000000	7.24	21.00	1.00	1.00
##000000	7.24	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#909DBF

Deuteranopia (green-blind)

#8493BD

Tritanopia (blue-blind)

#3AA7A9

Achromatopsia (no color)

#989898

Design tokens & code

CSS

--color: #649fbd;
/* rgb */ color: rgb(100, 159, 189);
/* oklch */ color: oklch(67.4% 0.076 231.6);

Tailwind

colors: {
  custom: {
    50: '#95bbd1',
    500: '#649fbd',
    950: '#000000',
  },
}

SCSS

$custom: #649fbd;
$custom-light: #95bbd1;
$custom-dark: #000000;

JSON

{
  "hex": "#649fbd",
  "rgb": {
    "r": 100,
    "g": 159,
    "b": 189
  },
  "hsl": {
    "h": 200.225,
    "s": 40.271,
    "l": 56.667
  },
  "oklch": {
    "l": 0.67355,
    "c": 0.07584,
    "h": 231.6
  },
  "luminance": 0.3118
}

Semantic roles & 50–950 ramp

primary

#649FBD

secondary

#D1B8AC

accent

#8058D0

background

#F9FBFC

surface

#F2F6F9

border

#CCD0D2

text

#0E1114

muted

#7E8082

Preview Lab

Preview with #649FBD

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

Preview Lab → · Contrast checker → · Palette generator →