Nearest named color · #592300
#592300
Nearest named color: Evil Cigar
#592300 (rgb(89 35 0), hsl(24 100% 17%), oklch(0.33 0.091 47.5)) is closest to the named color Evil Cigar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#592300
oklch(0.33 0.091 47.5)
Color conversions
- HEX
- #592300
- RGB
- rgb(89 35 0)
- HSL
- hsl(24 100% 17%)
- HWB
- hwb(24 0% 65%)
- OKLCH
- oklch(0.33 0.091 47.5)
- OKLab
- oklab(0.33 0.061 0.067)
- CIE Lab
- lab(21.68 24.07 31.68)
- LCH
- lch(21.68 39.79 52.8)
- CMYK
- cmyk(0% 61% 100% 65%)
Tints · Shades · Tones
Tints
- 6A381C
- 7A4C34
- 8B614C
- 9B7664
- AC8C7C
- BCA295
- CDB9AF
- DED0C9
- EEE7E4
Shades
- 4C1D00
- 401700
- 341100
- 280C00
- 1D0700
- 130400
- 090100
- 030000
- 000000
Tones
- 5E2D11
- 62361F
- 67402B
- 6B4938
- 6F5243
- 735B4F
- 76645B
- 7A6D67
- 7D7774
Color harmonies
Complementary +180°
- 592300
Evil Cigar
- 003B4F
≈ Gibraltar Sea
Analogous -30° +30°
- 592300
Evil Cigar
- 5B1D24
≈ Burnt Crimson
- 493000
≈ Night in the Woods
Triadic +120° +240°
- 592300
Evil Cigar
- 00402E
≈ UP Forest Green
- 342C61
≈ Paris M
Split-complementary +150° +210°
- 592300
Evil Cigar
- 003E40
≈ Rich Black
- 133563
≈ Funnel Cloud
Tetradic +90° +180° +270°
- 592300
Evil Cigar
- 1B4009
≈ Hunter Green
- 003B4F
≈ Gibraltar Sea
- 482453
≈ Queen’s Domain
Contrast & accessibility
Ag
AAAOn white
WCAG 12.61:1 · APCA Lc 98
Ag
FailOn black
WCAG 1.66:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.61:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--evil-cigar: #592300;
--evil-cigar-rgb: 89 35 0;
--evil-cigar-oklch: oklch(0.33 0.091 47.5);
}
.element {
color: var(--evil-cigar);
background-color: hsl(24 100% 17%);
border-color: oklch(0.33 0.091 47.5);
}Tailwind CSS v4
@theme {
--color-evil-cigar: #592300;
--color-evil-cigar-50: #ffeedf;
--color-evil-cigar-100: #ffe0ce;
--color-evil-cigar-200: #f5cab2;
--color-evil-cigar-300: #deaa8e;
--color-evil-cigar-400: #cb8e6f;
--color-evil-cigar-500: #b77350;
--color-evil-cigar-600: #9b6144;
--color-evil-cigar-700: #7c4e36;
--color-evil-cigar-800: #5c3827;
--color-evil-cigar-900: #41261a;
--color-evil-cigar-950: #29140b;
}SCSS
$evil-cigar: #592300;
$evil-cigar-rgb: 89, 35, 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);
}