Nearest named color · #27140F
#27140F
Nearest named color: Italian Roast
#27140F (rgb(39 20 15), hsl(12 44% 11%), oklch(0.216 0.033 35.5)) is closest to the named color Italian Roast. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#27140F
oklch(0.216 0.033 35.5)
Color conversions
- HEX
- #27140f
- RGB
- rgb(39 20 15)
- HSL
- hsl(12 44% 11%)
- HWB
- hwb(12 6% 85%)
- OKLCH
- oklch(0.216 0.033 35.5)
- OKLab
- oklab(0.216 0.027 0.019)
- CIE Lab
- lab(8.84 9.52 6.99)
- LCH
- lch(8.84 11.81 36.3)
- CMYK
- cmyk(0% 49% 62% 85%)
Tints · Shades · Tones
Tints
- 3A2722
- 4E3C37
- 62514D
- 776864
- 8C7F7C
- A29895
- B9B0AE
- D0CAC9
- E7E4E3
Shades
- 20100B
- 1A0C08
- 140805
- 0E0503
- 080302
- 040101
- 020100
- 010000
- 000000
Tones
- 301E19
- 382823
- 41322E
- 4A3C39
- 524744
- 5B524F
- 645D5B
- 6D6967
- 777473
Color harmonies
Complementary +180°
- 27140F
Italian Roast
- 041E23
≈ Stellar Explorer
Analogous -30° +30°
- 27140F
Italian Roast
- 271317
≈ Italian Roast
- 241608
≈ Cannon Black
Triadic +120° +240°
- 27140F
Italian Roast
- 0C1E13
≈ Nightmare
- 151829
≈ Sambucus
Split-complementary +150° +210°
- 27140F
Italian Roast
- 041F1C
≈ Stellar Explorer
- 0C1B28
≈ Oxford by Night
Tetradic +90° +180° +270°
- 27140F
Italian Roast
- 161C0B
≈ Pinch of Pepper
- 041E23
≈ Stellar Explorer
- 1D1626
≈ Sambucus
Contrast & accessibility
Ag
AAAOn white
WCAG 17.59:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.19:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.59:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--italian-roast: #27140f;
--italian-roast-rgb: 39 20 15;
--italian-roast-oklch: oklch(0.216 0.033 35.5);
}
.element {
color: var(--italian-roast);
background-color: hsl(12 44% 11%);
border-color: oklch(0.216 0.033 35.5);
}Tailwind CSS v4
@theme {
--color-italian-roast: #27140f;
--color-italian-roast-50: #fef2ee;
--color-italian-roast-100: #f2e4e0;
--color-italian-roast-200: #e2d0ca;
--color-italian-roast-300: #c7b2ac;
--color-italian-roast-400: #b19891;
--color-italian-roast-500: #9b7f77;
--color-italian-roast-600: #836b65;
--color-italian-roast-700: #695651;
--color-italian-roast-800: #4d3e3b;
--color-italian-roast-900: #362b28;
--color-italian-roast-950: #211816;
}SCSS
$italian-roast: #27140f;
$italian-roast-rgb: 39, 20, 15;
$italian-roast-light: mix(#fff, $italian-roast, 20%);
$italian-roast-dark: mix(#000, $italian-roast, 20%);
.element {
color: $italian-roast;
box-shadow: 0 0 0 2px rgba($italian-roast, 0.35);
}