Nearest named color · #531B00
#531B00
Nearest named color: Evil Cigar
#531B00 (rgb(83 27 0), hsl(20 100% 16%), oklch(0.306 0.091 42.8)) is closest to the named color Evil Cigar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#531B00
oklch(0.306 0.091 42.8)
Color conversions
- HEX
- #531b00
- RGB
- rgb(83 27 0)
- HSL
- hsl(20 100% 16%)
- HWB
- hwb(20 0% 67%)
- OKLCH
- oklch(0.306 0.091 42.8)
- OKLab
- oklab(0.306 0.067 0.062)
- CIE Lab
- lab(18.84 25.65 28.21)
- LCH
- lch(18.84 38.13 47.7)
- CMYK
- cmyk(0% 67% 100% 67%)
Tints · Shades · Tones
Tints
- 64311B
- 764632
- 875B4A
- 987162
- A9887A
- BA9F94
- CBB6AE
- DDCEC8
- EEE6E3
Shades
- 471600
- 3B1100
- 300C00
- 250800
- 1B0500
- 110200
- 080100
- 020000
- 000000
Tones
- 59260F
- 5E301D
- 633A2A
- 684436
- 6C4E42
- 71584E
- 75625A
- 796C67
- 7D7673
Color harmonies
Complementary +180°
- 531B00
Evil Cigar
- 003544
≈ Nordic Noir
Analogous -30° +30°
- 531B00
Evil Cigar
- 541622
≈ Chocolate Cosmos
- 432900
≈ Stirland Mud
Triadic +120° +240°
- 531B00
Evil Cigar
- 003925
≈ Off-Road Green
- 2A275B
≈ Cluedo Night
Split-complementary +150° +210°
- 531B00
Evil Cigar
- 003837
≈ Customs Green
- 022F5B
≈ Effervescent Blue
Tetradic +90° +180° +270°
- 531B00
Evil Cigar
- 1D3800
≈ Elite Green
- 003544
≈ Nordic Noir
- 3F1F50
≈ Obsidian Orchid
Contrast & accessibility
Ag
AAAOn white
WCAG 13.77:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.52:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.77:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--evil-cigar: #531b00;
--evil-cigar-rgb: 83 27 0;
--evil-cigar-oklch: oklch(0.306 0.091 42.8);
}
.element {
color: var(--evil-cigar);
background-color: hsl(20 100% 16%);
border-color: oklch(0.306 0.091 42.8);
}Tailwind CSS v4
@theme {
--color-evil-cigar: #531b00;
--color-evil-cigar-50: #ffeee0;
--color-evil-cigar-100: #ffdfcf;
--color-evil-cigar-200: #f7c9b5;
--color-evil-cigar-300: #e0a991;
--color-evil-cigar-400: #cd8d73;
--color-evil-cigar-500: #b97154;
--color-evil-cigar-600: #9c6048;
--color-evil-cigar-700: #7d4d39;
--color-evil-cigar-800: #5d3729;
--color-evil-cigar-900: #41261c;
--color-evil-cigar-950: #2a140c;
}SCSS
$evil-cigar: #531b00;
$evil-cigar-rgb: 83, 27, 0;
$evil-cigar-light: mix(#fff, $evil-cigar, 20%);
$evil-cigar-dark: mix(#000, $evil-cigar, 20%);
.element {
color: $evil-cigar;
box-shadow: 0 0 0 2px rgba($evil-cigar, 0.35);
}