Nearest named color · #D38B3F
#D38B3F
Nearest named color: Caramelise
#D38B3F (rgb(211 139 63), hsl(31 63% 54%), oklch(0.696 0.126 64.3)) is closest to the named color Caramelise. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D38B3F
oklch(0.696 0.126 64.3)
Color conversions
- HEX
- #d38b3f
- RGB
- rgb(211 139 63)
- HSL
- hsl(31 63% 54%)
- HWB
- hwb(31 25% 17%)
- OKLCH
- oklch(0.696 0.126 64.3)
- OKLab
- oklab(0.696 0.055 0.114)
- CIE Lab
- lab(64.41 23.38 50.91)
- LCH
- lch(64.41 56.02 65.3)
- CMYK
- cmyk(0% 34% 70% 17%)
Tints · Shades · Tones
Tints
- D89756
- DDA26A
- E2AE7D
- E7BA90
- EBC5A3
- EFD1B5
- F3DCC8
- F7E8DA
- FBF3EC
Shades
- B77835
- 9C662C
- 825423
- 69431B
- 513212
- 3A230A
- 241404
- 100701
- 020100
Tones
- CB8A49
- C38A51
- BB8959
- B28860
- AA8766
- A2866C
- 9A8471
- 918376
- 89827B
Color harmonies
Complementary +180°
- D38B3F
Caramelise
- 50A5E6
≈ High Blue
Analogous -30° +30°
- D38B3F
Caramelise
- E07E67
≈ Sari
- B79B30
≈ Sahara
Triadic +120° +240°
- D38B3F
Caramelise
- 00B6A6
≈ Aare River
- AF88DD
≈ Middy’s Purple
Split-complementary +150° +210°
- D38B3F
Caramelise
- 00B0CC
≈ Havasupai Falls
- 8696EB
≈ Perrywinkle
Tetradic +90° +180° +270°
- D38B3F
Caramelise
- 54B479
≈ Ming Green
- 50A5E6
≈ High Blue
- CC7EBD
≈ Peruvian Lily
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.53:1 · APCA Lc 48
Best text color: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--caramelise: #d38b3f;
--caramelise-rgb: 211 139 63;
--caramelise-oklch: oklch(0.696 0.126 64.3);
}
.element {
color: var(--caramelise);
background-color: hsl(31 63% 54%);
border-color: oklch(0.696 0.126 64.3);
}Tailwind CSS v4
@theme {
--color-caramelise: #d38b3f;
--color-caramelise-50: #ffefd0;
--color-caramelise-100: #ffe0bc;
--color-caramelise-200: #faca9b;
--color-caramelise-300: #e3aa70;
--color-caramelise-400: #d28d47;
--color-caramelise-500: #be7104;
--color-caramelise-600: #a1600d;
--color-caramelise-700: #814d0c;
--color-caramelise-800: #613708;
--color-caramelise-900: #442605;
--color-caramelise-950: #2c1400;
}SCSS
$caramelise: #d38b3f;
$caramelise-rgb: 211, 139, 63;
$caramelise-light: mix(#fff, $caramelise, 20%);
$caramelise-dark: mix(#000, $caramelise, 20%);
.element {
color: $caramelise;
box-shadow: 0 0 0 2px rgba($caramelise, 0.35);
}