#6723BC#6723BC
#6723BC is a mid, highly saturated violet. Relative luminance 0.077; OKLCH L 45.3% C 0.216 H 296.6°. Best body text is #FFFFFF at 8.26:1 contrast (WCAG AA passes).
Color values
| HEX | #6723BC |
|---|---|
| RGB | rgb(103, 35, 188) |
| HSL | hsl(267, 69%, 44%) |
| HSV | hsv(267, 81%, 74%) |
| CMYK | cmyk(45.2%, 81.4%, 0%, 26.3%) |
| CIE-LAB | lab(33.38, 58.94, -67.34) |
| CIE-LCH | lch(33.38, 89.49, 311.20°) |
| OKLab | oklab(45.29% 0.0965 -0.193) |
| OKLCH | oklch(45.29% 0.216 296.6) |
| XYZ | xyz(15.2692, 7.7161, 48.2521) |
| Luminance | 0.0772 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Purple Blue
#5D21D0
ΔE00 3.00
Violet Blue
#510AC9
ΔE00 4.36
Blurple
#5539CC
ΔE00 5.47
Blue Violet
#5D06E9
ΔE00 5.58
Blue With A Hint Of Purple
#533CC6
ΔE00 5.93
Rebeccapurple
#663399
ΔE00 5.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6723BC #78BC23
analogous
#232BBC #6723BC #B323BC
triadic
#6723BC #BC6723 #23BC67
tetradic
#6723BC #BC232B #78BC23 #23BCB3
square
#6723BC #BC232B #78BC23 #23BCB3
split-complementary
#6723BC #BCB323 #2BBC23
monochromatic
#2E1055 #4B1988 #6723BC #8541DC #A674E5
Accessibility & contrast
On white
8.26
#6723BC on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.54
#6723BC on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #6723BC
8.26:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6723BC | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##6723BC | 1.00 | 8.26 | 2.54 | 8.26 |
| #FFFFFF | 8.26 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.54 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.26 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#004FC0
Deuteranopia (green-blind)
#004CB9
Tritanopia (blue-blind)
#4F5071
Achromatopsia (no color)
#4E4E4E
Design tokens & code
CSS
--color: #6723bc; /* rgb */ color: rgb(103, 35, 188); /* oklch */ color: oklch(45.3% 0.216 296.6);
Tailwind
colors: {
custom: {
50: '#9b68d1',
500: '#6723bc',
950: '#000000',
},
}SCSS
$custom: #6723bc; $custom-light: #9b68d1; $custom-dark: #000000;
JSON
{
"hex": "#6723bc",
"rgb": {
"r": 103,
"g": 35,
"b": 188
},
"hsl": {
"h": 266.667,
"s": 68.61,
"l": 43.725
},
"oklch": {
"l": 0.45286,
"c": 0.2158,
"h": 296.6
},
"luminance": 0.07716
}Semantic roles & 50–950 ramp
primary
#6723BC
secondary
#A3CC6F
accent
#EB3C9E
background
#FAF6FD
surface
#F4EBFA
border
#CEC6D3
text
#0F0714
muted
#7F7A83