Nearest named color · #371E10
#371E10
Nearest named color: Close but No Cigar
#371E10 (rgb(55 30 16), hsl(22 55% 14%), oklch(0.265 0.046 49.1)) is closest to the named color Close but No Cigar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#371E10
oklch(0.265 0.046 49.1)
Color conversions
- HEX
- #371e10
- RGB
- rgb(55 30 16)
- HSL
- hsl(22 55% 14%)
- HWB
- hwb(22 6% 78%)
- OKLCH
- oklch(0.265 0.046 49.1)
- OKLab
- oklab(0.265 0.03 0.035)
- CIE Lab
- lab(14.47 11.34 14.58)
- LCH
- lch(14.47 18.47 52.1)
- CMYK
- cmyk(0% 45% 71% 78%)
Tints · Shades · Tones
Tints
- 493124
- 5C4539
- 6F5A4F
- 827066
- 96867E
- AA9D96
- BFB5B0
- D4CDC9
- E9E6E4
Shades
- 2E190C
- 261309
- 1E0E06
- 160904
- 0F0502
- 080301
- 030100
- 010000
- 000000
Tones
- 3E271A
- 463025
- 4D3A30
- 54433A
- 5B4D46
- 635751
- 6A615C
- 716B68
- 797574
Color harmonies
Complementary +180°
- 371E10
Close but No Cigar
- 072937
≈ Murky Depths
Analogous -30° +30°
- 371E10
Close but No Cigar
- 381B1C
≈ Rustic Red
- 312208
≈ Black Swan
Triadic +120° +240°
- 371E10
Close but No Cigar
- 082C21
≈ Bush
- 25213A
≈ Cold Steel
Split-complementary +150° +210°
- 371E10
Close but No Cigar
- 002C2D
≈ Black Chasm
- 17253B
≈ Cool Balaclavas Are Forever
Tetradic +90° +180° +270°
- 371E10
Close but No Cigar
- 192B14
≈ Nori Green
- 072937
≈ Murky Depths
- 2F1E33
≈ Bleached Cedar
Contrast & accessibility
Ag
AAAOn white
WCAG 15.49:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.35:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.49:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--close-but-no-cigar: #371e10;
--close-but-no-cigar-rgb: 55 30 16;
--close-but-no-cigar-oklch: oklch(0.265 0.046 49.1);
}
.element {
color: var(--close-but-no-cigar);
background-color: hsl(22 55% 14%);
border-color: oklch(0.265 0.046 49.1);
}Tailwind CSS v4
@theme {
--color-close-but-no-cigar: #371e10;
--color-close-but-no-cigar-50: #fff2ea;
--color-close-but-no-cigar-100: #f5e4da;
--color-close-but-no-cigar-200: #e5cfc3;
--color-close-but-no-cigar-300: #cbb1a3;
--color-close-but-no-cigar-400: #b69787;
--color-close-but-no-cigar-500: #a07e6c;
--color-close-but-no-cigar-600: #876a5b;
--color-close-but-no-cigar-700: #6c5549;
--color-close-but-no-cigar-800: #503e35;
--color-close-but-no-cigar-900: #382a24;
--color-close-but-no-cigar-950: #221813;
}SCSS
$close-but-no-cigar: #371e10;
$close-but-no-cigar-rgb: 55, 30, 16;
$close-but-no-cigar-light: mix(#fff, $close-but-no-cigar, 20%);
$close-but-no-cigar-dark: mix(#000, $close-but-no-cigar, 20%);
.element {
color: $close-but-no-cigar;
box-shadow: 0 0 0 2px rgba($close-but-no-cigar, 0.35);
}