Nearest named color · #814E2B
#814E2B
Nearest named color: Chocolate Bells
#814E2B (rgb(129 78 43), hsl(24 50% 34%), oklch(0.475 0.085 53.6)) is closest to the named color Chocolate Bells. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#814E2B
oklch(0.475 0.085 53.6)
Color conversions
- HEX
- #814e2b
- RGB
- rgb(129 78 43)
- HSL
- hsl(24 50% 34%)
- HWB
- hwb(24 17% 49%)
- OKLCH
- oklch(0.475 0.085 53.6)
- OKLab
- oklab(0.475 0.05 0.068)
- CIE Lab
- lab(38.71 19.58 29.81)
- LCH
- lch(38.71 35.66 56.7)
- CMYK
- cmyk(0% 40% 67% 49%)
Tints · Shades · Tones
Tints
- 8E5F40
- 9A6F54
- A78168
- B4927D
- C0A392
- CDB5A7
- D9C7BC
- E6DAD2
- F2ECE8
Shades
- 6F4324
- 5E381D
- 4E2D16
- 3E2310
- 2E190A
- 1F0F05
- 120702
- 060201
- 010000
Tones
- 815335
- 82583E
- 825E46
- 82634F
- 826857
- 826D5F
- 827168
- 817670
- 817B78
Color harmonies
Complementary +180°
- 814E2B
Chocolate Bells
- 1F6484
≈ Georgian Bay
Analogous -30° +30°
- 814E2B
Chocolate Bells
- 864845
≈ Henna
- 73581A
≈ Coffee Adept
Triadic +120° +240°
- 814E2B
Chocolate Bells
- 146C58
≈ Teal Dark Green
- 5F5287
≈ Wool Violet
Split-complementary +150° +210°
- 814E2B
Chocolate Bells
- 006971
≈ Kingfisher Bright
- 435B8C
≈ Anchor Point
Tetradic +90° +180° +270°
- 814E2B
Chocolate Bells
- 3D693C
≈ Arcala Green
- 1F6484
≈ Georgian Bay
- 734B77
≈ Cabbage Blossom Violet
Contrast & accessibility
Ag
AAOn white
WCAG 6.86:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.05:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--chocolate-bells: #814e2b;
--chocolate-bells-rgb: 129 78 43;
--chocolate-bells-oklch: oklch(0.475 0.085 53.6);
}
.element {
color: var(--chocolate-bells);
background-color: hsl(24 50% 34%);
border-color: oklch(0.475 0.085 53.6);
}Tailwind CSS v4
@theme {
--color-chocolate-bells: #814e2b;
--color-chocolate-bells-50: #fff0df;
--color-chocolate-bells-100: #ffe1cd;
--color-chocolate-bells-200: #f2ccb2;
--color-chocolate-bells-300: #daad8e;
--color-chocolate-bells-400: #c6916f;
--color-chocolate-bells-500: #b2764f;
--color-chocolate-bells-600: #966443;
--color-chocolate-bells-700: #795035;
--color-chocolate-bells-800: #5a3a26;
--color-chocolate-bells-900: #3f281a;
--color-chocolate-bells-950: #28150a;
}SCSS
$chocolate-bells: #814e2b;
$chocolate-bells-rgb: 129, 78, 43;
$chocolate-bells-light: mix(#fff, $chocolate-bells, 20%);
$chocolate-bells-dark: mix(#000, $chocolate-bells, 20%);
.element {
color: $chocolate-bells;
box-shadow: 0 0 0 2px rgba($chocolate-bells, 0.35);
}