Named color · #DA8704
Fleur de Sel Caramel
Fleur de Sel Caramel is #DA8704: rgb(218 135 4), hsl(37 96% 44%), oklch(0.695 0.152 67.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Fleur de Sel Caramel color name →
#DA8704
oklch(0.695 0.152 67.3)
Color conversions
- HEX
- #da8704
- RGB
- rgb(218 135 4)
- HSL
- hsl(37 96% 44%)
- HWB
- hwb(37 2% 15%)
- OKLCH
- oklch(0.695 0.152 67.3)
- OKLab
- oklab(0.695 0.059 0.141)
- CIE Lab
- lab(64.14 27.22 68.99)
- LCH
- lch(64.14 74.17 68.5)
- CMYK
- cmyk(0% 38% 98% 15%)
Tints · Shades · Tones
Tints
- DF9338
- E3A054
- E7AC6C
- EBB882
- EFC498
- F3D0AD
- F6DCC1
- F9E7D6
- FCF3EA
Shades
- BD7503
- A26302
- 875101
- 6C4101
- 543101
- 3C2100
- 251300
- 110600
- 020100
Tones
- D18728
- C8873A
- C08747
- B78652
- AE865B
- A58564
- 9C846B
- 938373
- 89817A
Color harmonies
Complementary +180°
- DA8704
Fleur de Sel Caramel
- 3EA3F5
≈ Rockman Blue
Analogous -30° +30°
- DA8704
Fleur de Sel Caramel
- EB7654
≈ Koeksister
- B69C00
≈ Perennial
Triadic +120° +240°
- DA8704
Fleur de Sel Caramel
- 00B4AA
≈ Glass Jar Blue
- B681E6
≈ Lavender Blossom
Split-complementary +150° +210°
- DA8704
Fleur de Sel Caramel
- 00AFCF
≈ Hú Lán Blue
- 8791F9
≈ Lavender Blue Shadow
Tetradic +90° +180° +270°
- DA8704
Fleur de Sel Caramel
- 2AB876
≈ Ceramic Green
- 3EA3F5
≈ Rockman Blue
- D774BE
≈ Sky Magenta
Contrast & accessibility
Ag
FailOn white
WCAG 2.81:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.44:1 · APCA Lc 48
Best text color: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--fleur-de-sel-caramel: #da8704;
--fleur-de-sel-caramel-rgb: 218 135 4;
--fleur-de-sel-caramel-oklch: oklch(0.695 0.152 67.3);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(37 96% 44%);
border-color: oklch(0.695 0.152 67.3);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #da8704;
--color-fleur-de-sel-caramel-50: #ffeec7;
--color-fleur-de-sel-caramel-100: #ffe0b1;
--color-fleur-de-sel-caramel-200: #ffc98c;
--color-fleur-de-sel-caramel-300: #eaa95b;
--color-fleur-de-sel-caramel-400: #d98a21;
--color-fleur-de-sel-caramel-500: #c66d00;
--color-fleur-de-sel-caramel-600: #a75c00;
--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: #da8704;
$fleur-de-sel-caramel-rgb: 218, 135, 4;
$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);
}