Couleur nommée la plus proche · #DE8D00
#DE8D00
Couleur nommée la plus proche: Fleur de Sel Caramel
#DE8D00 (rgb(222 141 0), hsl(38 100% 44%), oklch(0.71 0.154 69.5)) est la plus proche de la couleur nommée Fleur de Sel Caramel. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DE8D00
oklch(0.71 0.154 69.5)
Conversions de couleur
- HEX
- #de8d00
- RGB
- rgb(222 141 0)
- HSL
- hsl(38 100% 44%)
- HWB
- hwb(38 0% 13%)
- OKLCH
- oklch(0.71 0.154 69.5)
- OKLab
- oklab(0.71 0.054 0.145)
- CIE Lab
- lab(66.02 25.82 70.98)
- LCH
- lch(66.02 75.53 70)
- CMYK
- cmyk(0% 36% 100% 13%)
Teintes · Ombres · Tons
Teintes
- E29938
- E6A555
- EAB06D
- EDBC83
- F1C799
- F4D2AD
- F7DEC2
- FAE9D6
- FDF4EB
Ombres
- C17A00
- A56700
- 895500
- 6F4400
- 553300
- 3D2300
- 261400
- 120700
- 020100
Tons
- D58C28
- CB8C3A
- C28B47
- B98A52
- B0885C
- A68764
- 9D856C
- 938473
- 8A827A
Harmonies de couleurs
Complémentaire +180°
- DE8D00
Fleur de Sel Caramel
- 49A7FD
≈ Joust Blue
Analogue -30° +30°
- DE8D00
Fleur de Sel Caramel
- F07B53
≈ Sassy Salmon
- B8A200
≈ Snakebite Leather
Triadique +120° +240°
- DE8D00
Fleur de Sel Caramel
- 00BAB2
≈ Super Rare Jade
- BE84E9
≈ Lavender Perceptions
Complémentaire divisée +150° +210°
- DE8D00
Fleur de Sel Caramel
- 00B3D8
≈ Blue Atoll
- 8F95FF
≈ Periwinkle Blue
Tétradique +90° +180° +270°
- DE8D00
Fleur de Sel Caramel
- 22BE7E
≈ Greenish Teal
- 49A7FD
≈ Joust Blue
- DF78C0
≈ Fuchsia Blush
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.65:1 · APCA Lc 51
Ag
AAASur noir
WCAG 7.91:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--fleur-de-sel-caramel: #de8d00;
--fleur-de-sel-caramel-rgb: 222 141 0;
--fleur-de-sel-caramel-oklch: oklch(0.71 0.154 69.5);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(38 100% 44%);
border-color: oklch(0.71 0.154 69.5);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #de8d00;
--color-fleur-de-sel-caramel-50: #ffefc5;
--color-fleur-de-sel-caramel-100: #ffe0b0;
--color-fleur-de-sel-caramel-200: #feca8a;
--color-fleur-de-sel-caramel-300: #e8a957;
--color-fleur-de-sel-caramel-400: #d88b17;
--color-fleur-de-sel-caramel-500: #c56e00;
--color-fleur-de-sel-caramel-600: #a65d00;
--color-fleur-de-sel-caramel-700: #864b00;
--color-fleur-de-sel-caramel-800: #643500;
--color-fleur-de-sel-caramel-900: #462400;
--color-fleur-de-sel-caramel-950: #2e1200;
}SCSS
$fleur-de-sel-caramel: #de8d00;
$fleur-de-sel-caramel-rgb: 222, 141, 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);
}