Nearest named color · #351E10
#351E10
Nearest named color: Close but No Cigar
#351E10 (rgb(53 30 16), hsl(23 54% 14%), oklch(0.262 0.043 51.2)) is closest to the named color Close but No Cigar. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#351E10
oklch(0.262 0.043 51.2)
Color conversions
- HEX
- #351e10
- RGB
- rgb(53 30 16)
- HSL
- hsl(23 54% 14%)
- HWB
- hwb(23 6% 79%)
- OKLCH
- oklch(0.262 0.043 51.2)
- OKLab
- oklab(0.262 0.027 0.034)
- CIE Lab
- lab(14.14 10.3 14.08)
- LCH
- lch(14.14 17.45 53.8)
- CMYK
- cmyk(0% 43% 70% 79%)
Tints · Shades · Tones
Tints
- 473124
- 5A4539
- 6D5A4F
- 817066
- 95867E
- A99D96
- BEB5B0
- D3CDC9
- E9E6E4
Shades
- 2D190C
- 251309
- 1D0E06
- 150904
- 0E0502
- 080301
- 030100
- 010000
- 000000
Tones
- 3C271A
- 443025
- 4B3A30
- 53433A
- 5A4D45
- 625751
- 69615C
- 716B68
- 787574
Color harmonies
Complementary +180°
- 351E10
Close but No Cigar
- 0A2836
≈ Murky Depths
Analogous -30° +30°
- 351E10
Close but No Cigar
- 371C1B
≈ Black Kite
- 2F2209
≈ Black Swan
Triadic +120° +240°
- 351E10
Close but No Cigar
- 092B22
≈ Guerrilla Forest
- 252038
≈ Cold Steel
Split-complementary +150° +210°
- 351E10
Close but No Cigar
- 022B2D
≈ Black Box
- 182439
≈ Kon
Tetradic +90° +180° +270°
- 351E10
Close but No Cigar
- 182A16
≈ Kuro Green
- 0A2836
≈ Murky Depths
- 2E1D31
≈ Bleached Cedar
Contrast & accessibility
Ag
AAAOn white
WCAG 15.61:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.34:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.61:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--close-but-no-cigar: #351e10;
--close-but-no-cigar-rgb: 53 30 16;
--close-but-no-cigar-oklch: oklch(0.262 0.043 51.2);
}
.element {
color: var(--close-but-no-cigar);
background-color: hsl(23 54% 14%);
border-color: oklch(0.262 0.043 51.2);
}Tailwind CSS v4
@theme {
--color-close-but-no-cigar: #351e10;
--color-close-but-no-cigar-50: #fff2ea;
--color-close-but-no-cigar-100: #f4e4db;
--color-close-but-no-cigar-200: #e4d0c4;
--color-close-but-no-cigar-300: #cab2a3;
--color-close-but-no-cigar-400: #b49888;
--color-close-but-no-cigar-500: #9e7e6c;
--color-close-but-no-cigar-600: #866b5c;
--color-close-but-no-cigar-700: #6b5649;
--color-close-but-no-cigar-800: #4f3e35;
--color-close-but-no-cigar-900: #372b24;
--color-close-but-no-cigar-950: #221813;
}SCSS
$close-but-no-cigar: #351e10;
$close-but-no-cigar-rgb: 53, 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);
}