#6597DD#6597DD
#6597DD is a light, moderate blue. Relative luminance 0.301; OKLCH L 67.1% C 0.118 H 256.9°. Best body text is #000000 at 7.02:1 contrast (WCAG AA passes).
Color values
| HEX | #6597DD |
|---|---|
| RGB | rgb(101, 151, 221) |
| HSL | hsl(215, 64%, 63%) |
| HSV | hsv(215, 54%, 87%) |
| CMYK | cmyk(54.3%, 31.7%, 0%, 13.3%) |
| CIE-LAB | lab(61.76, 3.30, -40.71) |
| CIE-LCH | lch(61.76, 40.84, 274.63°) |
| OKLab | oklab(67.09% -0.0266 -0.1147) |
| OKLCH | oklch(67.09% 0.118 256.9) |
| XYZ | xyz(29.4801, 30.1180, 72.6525) |
| Luminance | 0.3012 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Cornflowerblue
#6495ED
ΔE00 1.87
Dark Sky Blue
#448EE4
ΔE00 4.13
Faded Blue
#658CBB
ΔE00 5.01
Dodgerblue
#1E90FF
ΔE00 5.23
Soft Blue
#6488EA
ΔE00 5.45
Dodger Blue
#3E82FC
ΔE00 6.90
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6597DD #DDAB65
analogous
#65D3DD #6597DD #6F65DD
triadic
#6597DD #DD6597 #97DD65
tetradic
#6597DD #DD65D3 #DDAB65 #65DD6F
square
#6597DD #DD65D3 #DDAB65 #65DD6F
split-complementary
#6597DD #DD6F65 #D3DD65
monochromatic
#2459A4 #3375D2 #6597DD #97B9E8 #C9DBF3
Accessibility & contrast
On white
2.99
#6597DD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.02
#6597DD on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #6597DD
7.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6597DD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6597DD | 1.00 | 2.99 | 7.02 | 7.02 |
| #FFFFFF | 2.99 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.02 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#7B9BE0
Deuteranopia (green-blind)
#6C90DC
Tritanopia (blue-blind)
#1AA7B0
Achromatopsia (no color)
#959595
Design tokens & code
CSS
--color: #6597dd; /* rgb */ color: rgb(101, 151, 221); /* oklch */ color: oklch(67.1% 0.118 256.9);
Tailwind
colors: {
custom: {
50: '#99b5e8',
500: '#6597dd',
950: '#000000',
},
}SCSS
$custom: #6597dd; $custom-light: #99b5e8; $custom-dark: #000000;
JSON
{
"hex": "#6597dd",
"rgb": {
"r": 101,
"g": 151,
"b": 221
},
"hsl": {
"h": 215,
"s": 63.83,
"l": 63.137
},
"oklch": {
"l": 0.67092,
"c": 0.11771,
"h": 256.9
},
"luminance": 0.3012
}Semantic roles & 50–950 ramp
primary
#6597DD
secondary
#E4D2B9
accent
#821ACC
background
#F9FBFE
surface
#F2F6FC
border
#CCD0D5
text
#0E1116
muted
#7E8084