Nearest named color · #D98000
#D98000
Nearest named color: Fleur de Sel Caramel
#D98000 (rgb(217 128 0), hsl(35 100% 43%), oklch(0.681 0.154 63.7)) is closest to the named color Fleur de Sel Caramel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D98000
oklch(0.681 0.154 63.7)
Color conversions
- HEX
- #d98000
- RGB
- rgb(217 128 0)
- HSL
- hsl(35 100% 43%)
- HWB
- hwb(35 0% 15%)
- OKLCH
- oklch(0.681 0.154 63.7)
- OKLab
- oklab(0.681 0.068 0.138)
- CIE Lab
- lab(62.43 30.32 68.52)
- LCH
- lch(62.43 74.93 66.1)
- CMYK
- cmyk(0% 41% 100% 15%)
Tints · Shades · Tones
Tints
- DE8D36
- E39A52
- E7A76A
- EBB481
- EFC196
- F3CDAB
- F6DAC0
- F9E6D5
- FCF3EA
Shades
- BC6E00
- A15D00
- 864D00
- 6C3D00
- 532E00
- 3B1F00
- 251200
- 110600
- 020100
Tones
- D08126
- C88138
- BF8245
- B68250
- AE825A
- A58263
- 9C826B
- 938172
- 898179
Color harmonies
Complementary +180°
- D98000
Fleur de Sel Caramel
- 27A0F0
≈ Button Blue
Analogous -30° +30°
- D98000
Fleur de Sel Caramel
- E87056
≈ Orangeville
- B59600
≈ Banana Puree
Triadic +120° +240°
- D98000
Fleur de Sel Caramel
- 00B0A1
≈ Billiard
- AD7EE5
≈ Lavender Blossom
Split-complementary +150° +210°
- D98000
Fleur de Sel Caramel
- 00ABC5
≈ Sarah’s Garden
- 7C8FF7
≈ Lavender Blue Shadow
Tetradic +90° +180° +270°
- D98000
Fleur de Sel Caramel
- 32B36A
≈ Green Mana
- 27A0F0
≈ Button Blue
- D071C0
≈ Gulābī Pink
Contrast & accessibility
Ag
FailOn white
WCAG 2.98:1 · APCA Lc 56
Ag
AAAOn black
WCAG 7.03:1 · APCA Lc 46
Best text color: #000000
WCAG 7.03:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--fleur-de-sel-caramel: #d98000;
--fleur-de-sel-caramel-rgb: 217 128 0;
--fleur-de-sel-caramel-oklch: oklch(0.681 0.154 63.7);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(35 100% 43%);
border-color: oklch(0.681 0.154 63.7);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #d98000;
--color-fleur-de-sel-caramel-50: #ffedc7;
--color-fleur-de-sel-caramel-100: #ffdeb2;
--color-fleur-de-sel-caramel-200: #ffc78d;
--color-fleur-de-sel-caramel-300: #eda65c;
--color-fleur-de-sel-caramel-400: #dd8825;
--color-fleur-de-sel-caramel-500: #ca6900;
--color-fleur-de-sel-caramel-600: #ab5a00;
--color-fleur-de-sel-caramel-700: #894800;
--color-fleur-de-sel-caramel-800: #673300;
--color-fleur-de-sel-caramel-900: #482300;
--color-fleur-de-sel-caramel-950: #2f1100;
}SCSS
$fleur-de-sel-caramel: #d98000;
$fleur-de-sel-caramel-rgb: 217, 128, 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);
}