#6882DC#6882DC
#6882DC is a light, vivid blue. Relative luminance 0.241; OKLCH L 62.8% C 0.139 H 269.9°. Best body text is #000000 at 5.82:1 contrast (WCAG AA passes).
Color values
| HEX | #6882DC |
|---|---|
| RGB | rgb(104, 130, 220) |
| HSL | hsl(227, 62%, 64%) |
| HSV | hsv(227, 53%, 86%) |
| CMYK | cmyk(52.7%, 40.9%, 0%, 13.7%) |
| CIE-LAB | lab(56.16, 16.03, -48.97) |
| CIE-LCH | lch(56.16, 51.53, 288.13°) |
| OKLab | oklab(62.78% -0.0002 -0.1389) |
| OKLCH | oklch(62.78% 0.139 269.9) |
| XYZ | xyz(26.6056, 24.0738, 70.9410) |
| Luminance | 0.2408 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Soft Blue
#6488EA
ΔE00 2.85
Cornflower
#6A79F7
ΔE00 4.77
Faded Blue
#658CBB
ΔE00 5.58
Lightish Blue
#3D7AFD
ΔE00 5.76
Dodger Blue
#3E82FC
ΔE00 5.82
Cornflower Blue
#5170D7
ΔE00 6.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6882DC #DCC268
analogous
#68BCDC #6882DC #8868DC
triadic
#6882DC #DC6882 #82DC68
tetradic
#6882DC #DC68BC #DCC268 #68DC88
square
#6882DC #DC68BC #DCC268 #68DC88
split-complementary
#6882DC #DC8868 #BCDC68
monochromatic
#2642A4 #3659D0 #6882DC #9AABE8 #CBD4F3
Accessibility & contrast
On white
3.61
#6882DC on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.82
#6882DC on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #6882DC
5.82:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6882DC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6882DC | 1.00 | 3.61 | 5.82 | 5.82 |
| #FFFFFF | 3.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.82 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#5D8CDF
Deuteranopia (green-blind)
#5082DA
Tritanopia (blue-blind)
#2F95A4
Achromatopsia (no color)
#878787
Design tokens & code
CSS
--color: #6882dc; /* rgb */ color: rgb(104, 130, 220); /* oklch */ color: oklch(62.8% 0.139 269.9);
Tailwind
colors: {
custom: {
50: '#9aa6e7',
500: '#6882dc',
950: '#000000',
},
}SCSS
$custom: #6882dc; $custom-light: #9aa6e7; $custom-dark: #000000;
JSON
{
"hex": "#6882dc",
"rgb": {
"r": 104,
"g": 130,
"b": 220
},
"hsl": {
"h": 226.552,
"s": 62.366,
"l": 63.529
},
"oklch": {
"l": 0.62784,
"c": 0.13888,
"h": 269.9
},
"luminance": 0.24076
}Semantic roles & 50–950 ramp
primary
#6882DC
secondary
#E4DBBB
accent
#A31BCA
background
#F9FAFE
surface
#F2F4FC
border
#CCCED5
text
#0F0F16
muted
#7E7F84