#9199BE#9199BE
#9199BE is a light, muted blue. Relative luminance 0.325; OKLCH L 69.0% C 0.055 H 275.3°. Best body text is #000000 at 7.50:1 contrast (WCAG AA passes).
Color values
| HEX | #9199BE |
|---|---|
| RGB | rgb(145, 153, 190) |
| HSL | hsl(229, 26%, 66%) |
| HSV | hsv(229, 24%, 75%) |
| CMYK | cmyk(23.7%, 19.5%, 0%, 25.5%) |
| CIE-LAB | lab(63.77, 5.30, -20.07) |
| CIE-LCH | lch(63.77, 20.75, 284.80°) |
| OKLab | oklab(68.96% 0.0051 -0.055) |
| OKLCH | oklch(68.96% 0.055 275.3) |
| XYZ | xyz(32.3602, 32.5192, 53.2771) |
| Luminance | 0.3252 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Perrywinkle
#8F8CE7
ΔE00 9.40
Lavender
#B39DDB
ΔE00 9.59
Periwinkle Blue
#8F99FB
ΔE00 10.48
Blue Grey
#758DA3
ΔE00 10.72
Faded Blue
#658CBB
ΔE00 10.95
Bluey Grey
#89A0B0
ΔE00 11.40
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9199BE #BEB691
analogous
#91AFBE #9199BE #9F91BE
triadic
#9199BE #BE9199 #99BE91
tetradic
#9199BE #BE91AF #BEB691 #91BE9F
square
#9199BE #BE91AF #BEB691 #91BE9F
split-complementary
#9199BE #BE9F91 #AFBE91
monochromatic
#4F5986 #6B75A7 #9199BE #B7BDD5 #DEE0EB
Accessibility & contrast
On white
2.80
#9199BE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.50
#9199BE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #9199BE
7.50:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9199BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9199BE | 1.00 | 2.80 | 7.50 | 7.50 |
| #FFFFFF | 2.80 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.50 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.50 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8F9CC0
Deuteranopia (green-blind)
#8C99BD
Tritanopia (blue-blind)
#86A0A5
Achromatopsia (no color)
#9A9A9A
Design tokens & code
CSS
--color: #9199be; /* rgb */ color: rgb(145, 153, 190); /* oklch */ color: oklch(69.0% 0.055 275.3);
Tailwind
colors: {
custom: {
50: '#b2b7d1',
500: '#9199be',
950: '#000000',
},
}SCSS
$custom: #9199be; $custom-light: #b2b7d1; $custom-dark: #000000;
JSON
{
"hex": "#9199be",
"rgb": {
"r": 145,
"g": 153,
"b": 190
},
"hsl": {
"h": 229.333,
"s": 25.714,
"l": 65.686
},
"oklch": {
"l": 0.68956,
"c": 0.05521,
"h": 275.3
},
"luminance": 0.3252
}Semantic roles & 50–950 ramp
primary
#9199BE
secondary
#DDDACE
accent
#9341A4
background
#FBFBFC
surface
#F6F6F9
border
#D0D0D2
text
#111114
muted
#808082