#615FFA#615FFA
#615FFA is a mid, highly saturated blue. Relative luminance 0.176; OKLCH L 57.9% C 0.224 H 277.4°. Best body text is #FFFFFF at 4.64:1 contrast (WCAG AA passes).
Color values
| HEX | #615FFA |
|---|---|
| RGB | rgb(97, 95, 250) |
| HSL | hsl(241, 94%, 68%) |
| HSV | hsv(241, 62%, 98%) |
| CMYK | cmyk(61.2%, 62%, 0%, 2%) |
| CIE-LAB | lab(49.04, 45.36, -77.24) |
| CIE-LCH | lch(49.04, 89.58, 300.42°) |
| OKLab | oklab(57.93% 0.0287 -0.2224) |
| OKLCH | oklch(57.93% 0.224 277.4) |
| XYZ | xyz(26.2717, 17.6259, 92.4416) |
| Luminance | 0.1763 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Mediumslateblue
#7B68EE
ΔE00 4.65
Dark Periwinkle
#665FD1
ΔE00 5.41
Warm Blue
#4B57DB
ΔE00 6.00
Light Indigo
#6D5ACF
ΔE00 6.30
Slate Blue
#6A5ACD
ΔE00 6.45
Electric Blue
#0652FF
ΔE00 6.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#615FFA #F8FA5F
analogous
#5FABFA #615FFA #AE5FFA
triadic
#615FFA #FA615F #5FFA61
tetradic
#615FFA #FA5FAB #F8FA5F #5FFAAE
square
#615FFA #FA5FAB #F8FA5F #5FFAAE
split-complementary
#615FFA #FAAE5F #ABFA5F
monochromatic
#0907D8 #2624F8 #615FFA #9C9AFC #D6D6FE
Accessibility & contrast
On white
4.64
#615FFA on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.53
#615FFA on #000000
AA ✓AA large ✓AAA ✗
Best text color
#FFFFFF on #615FFA
4.64:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##615FFA | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##615FFA | 1.00 | 4.64 | 4.53 | 4.64 |
| #FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.64 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#007BFF
Deuteranopia (green-blind)
#006EF7
Tritanopia (blue-blind)
#0086A4
Achromatopsia (no color)
#757575
Design tokens & code
CSS
--color: #615ffa; /* rgb */ color: rgb(97, 95, 250); /* oklch */ color: oklch(57.9% 0.224 277.4);
Tailwind
colors: {
custom: {
50: '#9d8dfd',
500: '#615ffa',
950: '#000000',
},
}SCSS
$custom: #615ffa; $custom-light: #9d8dfd; $custom-dark: #000000;
JSON
{
"hex": "#615ffa",
"rgb": {
"r": 97,
"g": 95,
"b": 250
},
"hsl": {
"h": 240.774,
"s": 93.939,
"l": 67.647
},
"oklch": {
"l": 0.57932,
"c": 0.22429,
"h": 277.4
},
"luminance": 0.17628
}Semantic roles & 50–950 ramp
primary
#615FFA
secondary
#F2F2C2
accent
#E600E3
background
#FAF8FF
surface
#F4F0FF
border
#CECBD7
text
#100C18
muted
#7F7D86