Nearest named color · #B0765B
#B0765B
Nearest named color: Hazelnut
#B0765B (rgb(176 118 91), hsl(19 35% 52%), oklch(0.62 0.083 45.7)) is closest to the named color Hazelnut. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B0765B
oklch(0.62 0.083 45.7)
Color conversions
- HEX
- #b0765b
- RGB
- rgb(176 118 91)
- HSL
- hsl(19 35% 52%)
- HWB
- hwb(19 36% 31%)
- OKLCH
- oklch(0.62 0.083 45.7)
- OKLab
- oklab(0.62 0.058 0.06)
- CIE Lab
- lab(55.36 21.15 24.61)
- LCH
- lch(55.36 32.45 49.3)
- CMYK
- cmyk(0% 33% 48% 31%)
Tints · Shades · Tones
Tints
- B8836B
- C1917B
- C99E8B
- D1AC9B
- D9B9AB
- E1C7BB
- E8D5CC
- F0E3DD
- F8F1EE
Shades
- 99664E
- 825641
- 6C4735
- 563829
- 42291E
- 2E1C13
- 1C0F09
- 0B0503
- 010100
Tones
- AC775F
- A77963
- A27A67
- 9E7B6B
- 997C6F
- 947D72
- 8F7E76
- 8A7E79
- 857F7D
Color harmonies
Complementary +180°
- B0765B
Hazelnut
- 4890AC
≈ Sora Sky
Analogous -30° +30°
- B0765B
Hazelnut
- B27175
≈ Dusty Rose
- A37F4A
≈ Tosty Crust
Triadic +120° +240°
- B0765B
Hazelnut
- 51967A
≈ Fake Fern
- 817FB6
≈ Murex
Split-complementary +150° +210°
- B0765B
Hazelnut
- 3E9696
≈ Catalan
- 6488B8
≈ Kimono
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.75:1 · APCA Lc 65
Ag
AAOn black
WCAG 5.58:1 · APCA Lc 37
Best text color: #000000
WCAG 5.58:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--hazelnut: #b0765b;
--hazelnut-rgb: 176 118 91;
--hazelnut-oklch: oklch(0.62 0.083 45.7);
}
.element {
color: var(--hazelnut);
background-color: hsl(19 35% 52%);
border-color: oklch(0.62 0.083 45.7);
}Tailwind CSS v4
@theme {
--color-hazelnut: #b0765b;
--color-hazelnut-50: #ffefe1;
--color-hazelnut-100: #ffe0d1;
--color-hazelnut-200: #f3cab6;
--color-hazelnut-300: #dcab93;
--color-hazelnut-400: #c88f75;
--color-hazelnut-500: #b47456;
--color-hazelnut-600: #98634a;
--color-hazelnut-700: #7a4f3a;
--color-hazelnut-800: #5b392a;
--color-hazelnut-900: #3f271c;
--color-hazelnut-950: #28150d;
}SCSS
$hazelnut: #b0765b;
$hazelnut-rgb: 176, 118, 91;
$hazelnut-light: mix(#fff, $hazelnut, 20%);
$hazelnut-dark: mix(#000, $hazelnut, 20%);
.element {
color: $hazelnut;
box-shadow: 0 0 0 2px rgba($hazelnut, 0.35);
}