#7A97CF#7A97CF
#7A97CF is a light, moderate blue. Relative luminance 0.308; OKLCH L 67.6% C 0.090 H 263.1°. Best body text is #000000 at 7.16:1 contrast (WCAG AA passes).
Color values
| HEX | #7A97CF |
|---|---|
| RGB | rgb(122, 151, 207) |
| HSL | hsl(220, 47%, 65%) |
| HSV | hsv(220, 41%, 81%) |
| CMYK | cmyk(41.1%, 27.1%, 0%, 18.8%) |
| CIE-LAB | lab(62.32, 4.19, -31.95) |
| CIE-LCH | lch(62.32, 32.22, 277.47°) |
| OKLab | oklab(67.64% -0.0108 -0.089) |
| OKLCH | oklch(67.64% 0.09 263.1) |
| XYZ | xyz(30.3516, 30.7742, 63.3601) |
| Luminance | 0.3078 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Cornflowerblue
#6495ED
ΔE00 4.91
Faded Blue
#658CBB
ΔE00 5.35
Soft Blue
#6488EA
ΔE00 5.89
Periwinkle Blue
#8F99FB
ΔE00 6.53
Perrywinkle
#8F8CE7
ΔE00 7.62
Dark Sky Blue
#448EE4
ΔE00 8.09
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7A97CF #CFB27A
analogous
#7AC2CF #7A97CF #887ACF
triadic
#7A97CF #CF7A97 #97CF7A
tetradic
#7A97CF #CF7AC2 #CFB27A #7ACF88
square
#7A97CF #CF7AC2 #CFB27A #7ACF88
split-complementary
#7A97CF #CF887A #C2CF7A
monochromatic
#375898 #4D74BF #7A97CF #A7BADF #D4DDEF
Accessibility & contrast
On white
2.93
#7A97CF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.16
#7A97CF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7A97CF
7.16:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7A97CF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7A97CF | 1.00 | 2.93 | 7.16 | 7.16 |
| #FFFFFF | 2.93 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.16 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.16 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#839BD1
Deuteranopia (green-blind)
#7A93CE
Tritanopia (blue-blind)
#5DA3AA
Achromatopsia (no color)
#979797
Design tokens & code
CSS
--color: #7a97cf; /* rgb */ color: rgb(122, 151, 207); /* oklch */ color: oklch(67.6% 0.090 263.1);
Tailwind
colors: {
custom: {
50: '#a3b5de',
500: '#7a97cf',
950: '#000000',
},
}SCSS
$custom: #7a97cf; $custom-light: #a3b5de; $custom-dark: #000000;
JSON
{
"hex": "#7a97cf",
"rgb": {
"r": 122,
"g": 151,
"b": 207
},
"hsl": {
"h": 219.529,
"s": 46.961,
"l": 64.51
},
"oklch": {
"l": 0.67639,
"c": 0.08969,
"h": 263.1
},
"luminance": 0.30776
}Semantic roles & 50–950 ramp
primary
#7A97CF
secondary
#E1D7C4
accent
#892BBA
background
#FAFBFD
surface
#F4F6FB
border
#CED0D4
text
#0F1115
muted
#7F8083