#5E65C7#5E65C7
#5E65C7 is a mid, vivid blue. Relative luminance 0.158; OKLCH L 55.0% C 0.150 H 277.2°. Best body text is #FFFFFF at 5.05:1 contrast (WCAG AA passes).
Color values
| HEX | #5E65C7 |
|---|---|
| RGB | rgb(94, 101, 199) |
| HSL | hsl(236, 48%, 57%) |
| HSV | hsv(236, 53%, 78%) |
| CMYK | cmyk(52.8%, 49.2%, 0%, 22%) |
| CIE-LAB | lab(46.72, 24.92, -52.14) |
| CIE-LCH | lch(46.72, 57.78, 295.54°) |
| OKLab | oklab(55.04% 0.0188 -0.1486) |
| OKLCH | oklch(55.04% 0.15 277.2) |
| XYZ | xyz(19.5753, 15.8093, 56.0418) |
| Luminance | 0.1581 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Dark Periwinkle
#665FD1
ΔE00 3.17
Iris
#6258C4
ΔE00 4.61
Slate Blue
#6A5ACD
ΔE00 4.78
Light Indigo
#6D5ACF
ΔE00 5.18
Cornflower Blue
#5170D7
ΔE00 5.42
Warm Blue
#4B57DB
ΔE00 5.46
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#5E65C7 #C7C05E
analogous
#5E9AC7 #5E65C7 #8C5EC7
triadic
#5E65C7 #C75E65 #65C75E
tetradic
#5E65C7 #C75E9A #C7C05E #5EC78C
square
#5E65C7 #C75E9A #C7C05E #5EC78C
split-complementary
#5E65C7 #C78C5E #9AC75E
monochromatic
#2C327F #3C43AC #5E65C7 #8B90D7 #B9BCE7
Accessibility & contrast
On white
5.05
#5E65C7 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.16
#5E65C7 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #5E65C7
5.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##5E65C7 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##5E65C7 | 1.00 | 5.05 | 4.16 | 5.05 |
| #FFFFFF | 5.05 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.16 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.05 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#3673CB
Deuteranopia (green-blind)
#2A6BC5
Tritanopia (blue-blind)
#2F7B8C
Achromatopsia (no color)
#6F6F6F
Design tokens & code
CSS
--color: #5e65c7; /* rgb */ color: rgb(94, 101, 199); /* oklch */ color: oklch(55.0% 0.150 277.2);
Tailwind
colors: {
custom: {
50: '#9390d8',
500: '#5e65c7',
950: '#000000',
},
}SCSS
$custom: #5e65c7; $custom-light: #9390d8; $custom-dark: #000000;
JSON
{
"hex": "#5e65c7",
"rgb": {
"r": 94,
"g": 101,
"b": 199
},
"hsl": {
"h": 236,
"s": 48.387,
"l": 57.451
},
"oklch": {
"l": 0.55038,
"c": 0.14983,
"h": 277.2
},
"luminance": 0.15811
}Semantic roles & 50–950 ramp
primary
#5E65C7
secondary
#D6D3AB
accent
#CF50D8
background
#F9F8FD
surface
#F2F0FA
border
#CCCBD3
text
#0E0C15
muted
#7E7D83