Nearest named color · #D88500
#D88500
Nearest named color: Fleur de Sel Caramel
#D88500 (rgb(216 133 0), hsl(37 100% 42%), oklch(0.688 0.152 67)) is closest to the named color Fleur de Sel Caramel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D88500
oklch(0.688 0.152 67)
Color conversions
- HEX
- #d88500
- RGB
- rgb(216 133 0)
- HSL
- hsl(37 100% 42%)
- HWB
- hwb(37 0% 15%)
- OKLCH
- oklch(0.688 0.152 67)
- OKLab
- oklab(0.688 0.059 0.14)
- CIE Lab
- lab(63.42 27.37 69)
- LCH
- lch(63.42 74.23 68.4)
- CMYK
- cmyk(0% 38% 100% 15%)
Tints · Shades · Tones
Tints
- DD9237
- E19E53
- E6AB6B
- EAB781
- EEC397
- F2CFAC
- F5DBC1
- F9E7D5
- FCF3EA
Shades
- BC7300
- A06100
- 855000
- 6B4000
- 533000
- 3B2100
- 251300
- 110600
- 020100
Tones
- CF8527
- C78538
- BE8546
- B68551
- AD855A
- A48463
- 9B836B
- 928272
- 898179
Color harmonies
Complementary +180°
- D88500
Fleur de Sel Caramel
- 3CA1F3
≈ Rockman Blue
Analogous -30° +30°
- D88500
Fleur de Sel Caramel
- E87453
≈ Bloodletter
- B49A00
≈ Kalliene Yellow
Triadic +120° +240°
- D88500
Fleur de Sel Caramel
- 00B2A7
≈ Glass Jar Blue
- B47FE4
≈ Lavender Blossom
Split-complementary +150° +210°
- D88500
Fleur de Sel Caramel
- 00ADCC
≈ Ball Blue
- 848FF7
≈ Lavender Blue Shadow
Tetradic +90° +180° +270°
- D88500
Fleur de Sel Caramel
- 29B674
≈ Buddha Green
- 3CA1F3
≈ Rockman Blue
- D573BD
≈ Sky Magenta
Contrast & accessibility
Ag
FailOn white
WCAG 2.88:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.27:1 · APCA Lc 47
Best text color: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
Code snippets
CSS
:root {
--fleur-de-sel-caramel: #d88500;
--fleur-de-sel-caramel-rgb: 216 133 0;
--fleur-de-sel-caramel-oklch: oklch(0.688 0.152 67);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(37 100% 42%);
border-color: oklch(0.688 0.152 67);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #d88500;
--color-fleur-de-sel-caramel-50: #ffeec7;
--color-fleur-de-sel-caramel-100: #ffdfb1;
--color-fleur-de-sel-caramel-200: #ffc98c;
--color-fleur-de-sel-caramel-300: #eaa85b;
--color-fleur-de-sel-caramel-400: #d98a22;
--color-fleur-de-sel-caramel-500: #c66c00;
--color-fleur-de-sel-caramel-600: #a85c00;
--color-fleur-de-sel-caramel-700: #874a00;
--color-fleur-de-sel-caramel-800: #653400;
--color-fleur-de-sel-caramel-900: #472400;
--color-fleur-de-sel-caramel-950: #2e1200;
}SCSS
$fleur-de-sel-caramel: #d88500;
$fleur-de-sel-caramel-rgb: 216, 133, 0;
$fleur-de-sel-caramel-light: mix(#fff, $fleur-de-sel-caramel, 20%);
$fleur-de-sel-caramel-dark: mix(#000, $fleur-de-sel-caramel, 20%);
.element {
color: $fleur-de-sel-caramel;
box-shadow: 0 0 0 2px rgba($fleur-de-sel-caramel, 0.35);
}