Nearest named color · #D29343
#D29343
Nearest named color: Salt Caramel
#D29343 (rgb(210 147 67), hsl(34 61% 54%), oklch(0.711 0.122 69.9)) is closest to the named color Salt Caramel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D29343
oklch(0.711 0.122 69.9)
Color conversions
- HEX
- #d29343
- RGB
- rgb(210 147 67)
- HSL
- hsl(34 61% 54%)
- HWB
- hwb(34 26% 18%)
- OKLCH
- oklch(0.711 0.122 69.9)
- OKLab
- oklab(0.711 0.042 0.115)
- CIE Lab
- lab(66.21 18.99 50.88)
- LCH
- lch(66.21 54.3 69.5)
- CMYK
- cmyk(0% 30% 68% 18%)
Tints · Shades · Tones
Tints
- D79E59
- DCA96D
- E1B480
- E5BE92
- EAC9A5
- EED4B7
- F3DFC9
- F7E9DB
- FBF4ED
Shades
- B67F39
- 9B6C2F
- 815926
- 68471D
- 503614
- 39250C
- 241605
- 100801
- 020100
Tones
- CA914C
- C29054
- BA8E5C
- B18C62
- A98B68
- A1896D
- 998772
- 918577
- 88827C
Color harmonies
Complementary +180°
- D29343
Salt Caramel
- 62A7EB
≈ Cerulean
Analogous -30° +30°
- D29343
Salt Caramel
- E28666
≈ Brewed Mustard
- B4A33D
≈ Grassy Ochre
Triadic +120° +240°
- D29343
Salt Caramel
- 06B9B2
≈ Super Rare Jade
- B98BDB
≈ Pale Purple
Split-complementary +150° +210°
- D29343
Salt Caramel
- 25B3D6
≈ Ocean Sigh
- 9398EC
≈ Periwinkle Blue
Tetradic +90° +180° +270°
- D29343
Salt Caramel
- 51B987
≈ Bleached Olive
- 62A7EB
≈ Cerulean
- D482BA
≈ Pink Punk
Contrast & accessibility
Ag
FailOn white
WCAG 2.62:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.99:1 · APCA Lc 51
Best text color: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--salt-caramel: #d29343;
--salt-caramel-rgb: 210 147 67;
--salt-caramel-oklch: oklch(0.711 0.122 69.9);
}
.element {
color: var(--salt-caramel);
background-color: hsl(34 61% 54%);
border-color: oklch(0.711 0.122 69.9);
}Tailwind CSS v4
@theme {
--color-salt-caramel: #d29343;
--color-salt-caramel-50: #fff0d0;
--color-salt-caramel-100: #ffe2bc;
--color-salt-caramel-200: #f5cc9b;
--color-salt-caramel-300: #dead70;
--color-salt-caramel-400: #cc9146;
--color-salt-caramel-500: #b97501;
--color-salt-caramel-600: #9c630b;
--color-salt-caramel-700: #7d4f0a;
--color-salt-caramel-800: #5e3906;
--color-salt-caramel-900: #422705;
--color-salt-caramel-950: #2a1500;
}SCSS
$salt-caramel: #d29343;
$salt-caramel-rgb: 210, 147, 67;
$salt-caramel-light: mix(#fff, $salt-caramel, 20%);
$salt-caramel-dark: mix(#000, $salt-caramel, 20%);
.element {
color: $salt-caramel;
box-shadow: 0 0 0 2px rgba($salt-caramel, 0.35);
}