#949CA7#949CA7

#949CA7 is a light, near-neutral cyan. Relative luminance 0.329; OKLCH L 69.0% C 0.019 H 256.3°. Best body text is #000000 at 7.57:1 contrast (WCAG AA passes).

Color values

HEX	#949CA7
RGB	rgb(148, 156, 167)
HSL	hsl(215, 10%, 62%)
HSV	hsv(215, 11%, 65%)
CMYK	cmyk(11.4%, 6.6%, 0%, 34.5%)
CIE-LAB	lab(64.05, -0.59, -6.71)
CIE-LCH	lch(64.05, 6.74, 264.97°)
OKLab	oklab(68.98% -0.0044 -0.018)
OKLCH	oklch(68.98% 0.019 256.3)
XYZ	xyz(31.0747, 32.8625, 41.2577)
Luminance	0.3286 (WCAG relative)
Temperature	neutral
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#949CA7 #A79F94

analogous

#94A6A7 #949CA7 #9694A7

triadic

#949CA7 #A7949C #9CA794

tetradic

#949CA7 #A794A6 #A79F94 #94A796

square

#949CA7 #A794A6 #A79F94 #94A796

split-complementary

#949CA7 #A79694 #A6A794

monochromatic

#575F6A #737D8B #949CA7 #B6BBC3 #D7DADE

Accessibility & contrast

On white

2.77

#949CA7 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.57

#949CA7 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #949CA7

7.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##949CA7	#FFFFFF	#000000	##000000
##949CA7	1.00	2.77	7.57	7.57
#FFFFFF	2.77	1.00	21.00	21.00
#000000	7.57	21.00	1.00	1.00
##000000	7.57	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#989CA8

Deuteranopia (green-blind)

#969AA7

Tritanopia (blue-blind)

#909E9F

Achromatopsia (no color)

#9B9B9B

Design tokens & code

CSS

--color: #949ca7;
/* rgb */ color: rgb(148, 156, 167);
/* oklch */ color: oklch(69.0% 0.019 256.3);

Tailwind

colors: {
  custom: {
    50: '#b3b9c1',
    500: '#949ca7',
    950: '#000000',
  },
}

SCSS

$custom: #949ca7;
$custom-light: #b3b9c1;
$custom-dark: #000000;

JSON

{
  "hex": "#949ca7",
  "rgb": {
    "r": 148,
    "g": 156,
    "b": 167
  },
  "hsl": {
    "h": 214.737,
    "s": 9.744,
    "l": 61.765
  },
  "oklch": {
    "l": 0.68981,
    "c": 0.01858,
    "h": 256.3
  },
  "luminance": 0.32863
}

Semantic roles & 50–950 ramp

primary

#949CA7

secondary

#CFCCC8

accent

#785294

background

#FBFBFB

surface

#F6F6F7

border

#D0D0D0

text

#111112

muted

#808081

Preview Lab

Preview with #949CA7

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

Preview Lab → · Contrast checker → · Palette generator →