Nearest named color · #251400
#251400
Nearest named color: Burnt Coffee
#251400 (rgb(37 20 0), hsl(32 100% 7%), oklch(0.21 0.045 70.9)) is closest to the named color Burnt Coffee. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#251400
oklch(0.21 0.045 70.9)
Color conversions
- HEX
- #251400
- RGB
- rgb(37 20 0)
- HSL
- hsl(32 100% 7%)
- HWB
- hwb(32 0% 85%)
- OKLCH
- oklch(0.21 0.045 70.9)
- OKLab
- oklab(0.21 0.015 0.043)
- CIE Lab
- lab(8.25 7.23 12.45)
- LCH
- lch(8.25 14.4 59.9)
- CMYK
- cmyk(0% 46% 100% 85%)
Tints · Shades · Tones
Tints
- 382713
- 4B3C2A
- 605241
- 75685A
- 8B8073
- A1988E
- B8B1A9
- CFCAC5
- E7E4E2
Shades
- 1F1000
- 190C00
- 130800
- 0D0500
- 080300
- 040100
- 020100
- 000000
- 000000
Tones
- 2E1E09
- 362816
- 3F3223
- 483C2F
- 51473C
- 5A5249
- 635D56
- 6D6964
- 767472
Color harmonies
Complementary +180°
- 251400
Burnt Coffee
- 07192C
≈ Oxford by Night
Analogous -30° +30°
- 251400
Burnt Coffee
- 291007
≈ Root Brew
- 1D1900
≈ Noir Mystique
Triadic +120° +240°
- 251400
Burnt Coffee
- 001D1C
≈ Stellar Explorer
- 1F1227
≈ Inside
Split-complementary +150° +210°
- 251400
Burnt Coffee
- 001C25
≈ Creeping Death
- 15152C
≈ Lost in Sadness
Tetradic +90° +180° +270°
- 251400
Burnt Coffee
- 011E11
≈ Clock Chimes Thirteen
- 07192C
≈ Oxford by Night
- 260F1E
≈ Inside
Contrast & accessibility
Ag
AAAOn white
WCAG 17.81:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.17:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.81:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--burnt-coffee: #251400;
--burnt-coffee-rgb: 37 20 0;
--burnt-coffee-oklch: oklch(0.21 0.045 70.9);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(32 100% 7%);
border-color: oklch(0.21 0.045 70.9);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #251400;
--color-burnt-coffee-50: #fdf3e7;
--color-burnt-coffee-100: #f1e6d8;
--color-burnt-coffee-200: #e0d2c0;
--color-burnt-coffee-300: #c6b49f;
--color-burnt-coffee-400: #b09a82;
--color-burnt-coffee-500: #9a8166;
--color-burnt-coffee-600: #826e56;
--color-burnt-coffee-700: #685845;
--color-burnt-coffee-800: #4d4032;
--color-burnt-coffee-900: #352c22;
--color-burnt-coffee-950: #211911;
}SCSS
$burnt-coffee: #251400;
$burnt-coffee-rgb: 37, 20, 0;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}