#614AD8#614AD8
#614AD8 is a mid, highly saturated blue. Relative luminance 0.124; OKLCH L 51.9% C 0.207 H 283.9°. Best body text is #FFFFFF at 6.04:1 contrast (WCAG AA passes).
Color values
| HEX | #614AD8 |
|---|---|
| RGB | rgb(97, 74, 216) |
| HSL | hsl(250, 65%, 57%) |
| HSV | hsv(250, 66%, 85%) |
| CMYK | cmyk(55.1%, 65.7%, 0%, 15.3%) |
| CIE-LAB | lab(41.84, 46.95, -69.80) |
| CIE-LCH | lch(41.84, 84.12, 303.92°) |
| OKLab | oklab(51.86% 0.0498 -0.2006) |
| OKLCH | oklch(51.86% 0.207 283.9) |
| XYZ | xyz(19.7694, 12.3956, 66.3033) |
| Luminance | 0.1240 (WCAG relative) |
| Temperature | cool |
| Family | blue |
Closest named colors
Purpleish Blue
#6140EF
ΔE00 3.32
Bluey Purple
#6241C7
ΔE00 3.42
Bluish Purple
#703BE7
ΔE00 4.09
Purpley Blue
#5F34E7
ΔE00 4.75
Slate Blue
#6A5ACD
ΔE00 4.78
Iris
#6258C4
ΔE00 4.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#614AD8 #C1D84A
analogous
#4A7AD8 #614AD8 #A84AD8
triadic
#614AD8 #D8614A #4AD861
tetradic
#614AD8 #D84A7A #C1D84A #4AD8A8
square
#614AD8 #D84A7A #C1D84A #4AD8A8
split-complementary
#614AD8 #D8A84A #7AD84A
monochromatic
#2F1E8A #4029BC #614AD8 #8D7CE3 #B9AFEE
Accessibility & contrast
On white
6.04
#614AD8 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.48
#614AD8 on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #614AD8
6.04:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##614AD8 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##614AD8 | 1.00 | 6.04 | 3.48 | 6.04 |
| #FFFFFF | 6.04 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.48 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.04 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#0067DC
Deuteranopia (green-blind)
#005ED5
Tritanopia (blue-blind)
#296E8B
Achromatopsia (no color)
#636363
Design tokens & code
CSS
--color: #614ad8; /* rgb */ color: rgb(97, 74, 216); /* oklch */ color: oklch(51.9% 0.207 283.9);
Tailwind
colors: {
custom: {
50: '#997ee5',
500: '#614ad8',
950: '#000000',
},
}SCSS
$custom: #614ad8; $custom-light: #997ee5; $custom-dark: #000000;
JSON
{
"hex": "#614ad8",
"rgb": {
"r": 97,
"g": 74,
"b": 216
},
"hsl": {
"h": 249.718,
"s": 64.545,
"l": 56.863
},
"oklch": {
"l": 0.51863,
"c": 0.20672,
"h": 283.9
},
"luminance": 0.12397
}Semantic roles & 50–950 ramp
primary
#614AD8
secondary
#D2DCA2
accent
#E840CC
background
#FAF7FE
surface
#F3EEFC
border
#CDC9D5
text
#0F0A16
muted
#7F7C84