Nearest named color · #D2974C
#D2974C
Nearest named color: Bengal
#D2974C (rgb(210 151 76), hsl(34 60% 56%), oklch(0.719 0.116 70.6)) is closest to the named color Bengal. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D2974C
oklch(0.719 0.116 70.6)
Color conversions
- HEX
- #d2974c
- RGB
- rgb(210 151 76)
- HSL
- hsl(34 60% 56%)
- HWB
- hwb(34 30% 18%)
- OKLCH
- oklch(0.719 0.116 70.6)
- OKLab
- oklab(0.719 0.038 0.109)
- CIE Lab
- lab(67.25 17.32 47.75)
- LCH
- lch(67.25 50.8 70.1)
- CMYK
- cmyk(0% 28% 64% 18%)
Tints · Shades · Tones
Tints
- D7A160
- DCAC73
- E1B685
- E5C197
- EACBA8
- EED5B9
- F3E0CB
- F7EADC
- FBF5EE
Shades
- B68341
- 9B6F36
- 815C2C
- 684922
- 503718
- 39260F
- 241706
- 100802
- 020100
Tones
- CA9554
- C2935A
- B99161
- B18F66
- A98C6B
- A18A70
- 998874
- 918578
- 88837C
Color harmonies
Complementary +180°
- D2974C
Bengal
- 6AA9EA
≈ Blue Jeans
Analogous -30° +30°
- D2974C
Bengal
- E28A6B
≈ Canyon Sunset
- B5A648
≈ Pickled
Triadic +120° +240°
- D2974C
Bengal
- 2ABBB5
≈ Super Rare Jade
- BB8FDA
≈ Lenurple
Split-complementary +150° +210°
- D2974C
Bengal
- 39B5D7
≈ Ocean Sigh
- 979BEB
≈ Cold Lips
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.53:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.27:1 · APCA Lc 52
Best text color: #000000
WCAG 8.27:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--bengal: #d2974c;
--bengal-rgb: 210 151 76;
--bengal-oklch: oklch(0.719 0.116 70.6);
}
.element {
color: var(--bengal);
background-color: hsl(34 60% 56%);
border-color: oklch(0.719 0.116 70.6);
}Tailwind CSS v4
@theme {
--color-bengal: #d2974c;
--color-bengal-50: #fff1d2;
--color-bengal-100: #ffe3be;
--color-bengal-200: #f3cd9e;
--color-bengal-300: #dcae74;
--color-bengal-400: #ca924c;
--color-bengal-500: #b67716;
--color-bengal-600: #996517;
--color-bengal-700: #7b5013;
--color-bengal-800: #5c3a0c;
--color-bengal-900: #402808;
--color-bengal-950: #291500;
}SCSS
$bengal: #d2974c;
$bengal-rgb: 210, 151, 76;
$bengal-light: mix(#fff, $bengal, 20%);
$bengal-dark: mix(#000, $bengal, 20%);
.element {
color: $bengal;
box-shadow: 0 0 0 2px rgba($bengal, 0.35);
}