Lavender#B39DDB
#B39DDB is a light, moderate violet. Relative luminance 0.388; OKLCH L 73.7% C 0.091 H 300.5°. Best body text is #000000 at 8.76:1 contrast (WCAG AA passes).
Color values
| HEX | #B39DDB |
|---|---|
| RGB | rgb(179, 157, 219) |
| HSL | hsl(261, 46%, 74%) |
| HSV | hsv(261, 28%, 86%) |
| CMYK | cmyk(18.3%, 28.3%, 0%, 14.1%) |
| CIE-LAB | lab(68.61, 20.40, -28.52) |
| CIE-LCH | lch(68.61, 35.06, 305.57°) |
| OKLab | oklab(73.74% 0.0461 -0.0784) |
| OKLCH | oklch(73.74% 0.091 300.5) |
| XYZ | xyz(43.4309, 38.8120, 72.2075) |
| Luminance | 0.3881 (WCAG relative) |
| Temperature | cool |
| Family | violet |
Closest named colors
Lavender
#B39DDB
ΔE00 0.00
Pale Purple
#B790D4
ΔE00 4.50
Lavender (survey)
#C79FEF
ΔE00 4.82
Pale Violet
#CEAEFA
ΔE00 6.35
Baby Purple
#CA9BF7
ΔE00 6.49
Lilac (survey)
#CEA2FD
ΔE00 6.83
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B39DDB #C5DB9D
analogous
#9DA6DB #B39DDB #D29DDB
triadic
#B39DDB #DBB39D #9DDBB3
tetradic
#B39DDB #DB9DA6 #C5DB9D #9DDBD2
square
#B39DDB #DB9DA6 #C5DB9D #9DDBD2
split-complementary
#B39DDB #DBD29D #A6DB9D
monochromatic
#6E44B9 #9070CB #B39DDB #D6CAEB #EEE9F7
Accessibility & contrast
On white
2.40
#B39DDB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.76
#B39DDB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B39DDB
8.76:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B39DDB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B39DDB | 1.00 | 2.40 | 8.76 | 8.76 |
| #FFFFFF | 2.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.76 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#90A7DE
Deuteranopia (green-blind)
#94A7D9
Tritanopia (blue-blind)
#ACA6B3
Achromatopsia (no color)
#A7A7A7
Related colors
#9F8CC3#8C7BAB#7A6B94#685B7D#564C67#453D52#352F3E#25212B#161419#000000#BBA6DF#C2B0E2#CABAE6#D2C3EA#D9CDED#E1D7F1#E8E1F4#F0EBF8#F8F5FB#FFFFFF#B29ED6#B19FD1#B0A0CB#AFA1C6Lilac
#C8A2C8
Mauve
#E0B0FF
Plum
#DDA0DD
Periwinkle
#CCCCFF
Indigo
#4B0082
Moss Green
#8A9A5B
Orchid
#DA70D6
Purple
#800080
Palettes with this color
#FADADD
#D0E8F2
#FFEFD5
#D9E8D5
#E8D5E8
Pastel Color Palette
#A8D8B9
#F9C8D5
#FDE8B6
#BFE3F0
#D5E8C4
Spring Color Palette
#9CAF88
#C4CFB4
#6D7A5F
#E8E3D3
#4A5742
Sage Green Color Palette
#FFFFF0
#FFFFF8
#7E7E74
#F3F3FC
#DDDDD0
Ivory Color Palette
Design tokens & code
CSS
--color: #b39ddb; /* rgb */ color: rgb(179, 157, 219); /* oklch */ color: oklch(73.7% 0.091 300.5);
Tailwind
colors: {
custom: {
50: '#cabae6',
500: '#b39ddb',
950: '#000000',
},
}SCSS
$custom: #b39ddb; $custom-light: #cabae6; $custom-dark: #000000;
JSON
{
"hex": "#b39ddb",
"rgb": {
"r": 179,
"g": 157,
"b": 219
},
"hsl": {
"h": 261.29,
"s": 46.269,
"l": 73.725
},
"oklch": {
"l": 0.73735,
"c": 0.09095,
"h": 300.5
},
"luminance": 0.38812
}Semantic roles & 50–950 ramp
primary
#B39DDB
secondary
#E8EEDD
accent
#B92C87
background
#FCFBFE
surface
#F8F6FC
border
#D1D0D5
text
#131116
muted
#828084