Couleur nommée la plus proche · #DF8F00
#DF8F00
Couleur nommée la plus proche: Fleur de Sel Caramel
#DF8F00 (rgb(223 143 0), hsl(38 100% 44%), oklch(0.715 0.155 70.3)) 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.
#DF8F00
oklch(0.715 0.155 70.3)
Conversions de couleur
- HEX
- #df8f00
- RGB
- rgb(223 143 0)
- HSL
- hsl(38 100% 44%)
- HWB
- hwb(38 0% 13%)
- OKLCH
- oklch(0.715 0.155 70.3)
- OKLab
- oklab(0.715 0.052 0.146)
- CIE Lab
- lab(66.6 25.22 71.4)
- LCH
- lch(66.6 75.73 70.5)
- CMYK
- cmyk(0% 36% 100% 13%)
Teintes · Ombres · Tons
Teintes
- E39B39
- E7A655
- EBB26D
- EEBD84
- F1C899
- F4D3AE
- F7DEC2
- FAE9D6
- FDF4EB
Ombres
- C27C00
- A56900
- 8A5700
- 6F4500
- 563400
- 3D2400
- 271500
- 120700
- 020100
Tons
- D68E28
- CC8D3A
- C38C48
- B98B53
- B0895C
- A78864
- 9D866C
- 938473
- 8A827A
Harmonies de couleurs
Complémentaire +180°
- DF8F00
Fleur de Sel Caramel
- 4EA8FF
≈ Joust Blue
Analogue -30° +30°
- DF8F00
Fleur de Sel Caramel
- F27D53
≈ Sassy Salmon
- B9A400
≈ Sulphine Yellow
Triadique +120° +240°
- DF8F00
Fleur de Sel Caramel
- 00BBB4
≈ Super Rare Jade
- C185EA
≈ Lavender Perceptions
Complémentaire divisée +150° +210°
- DF8F00
Fleur de Sel Caramel
- 00B5DB
≈ Blue Atoll
- 9296FF
≈ Periwinkle Blue
Tétradique +90° +180° +270°
- DF8F00
Fleur de Sel Caramel
- 1FC081
≈ Greenish Teal
- 4EA8FF
≈ Joust Blue
- E179C1
≈ Fuchsia Blush
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.60:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.06:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--fleur-de-sel-caramel: #df8f00;
--fleur-de-sel-caramel-rgb: 223 143 0;
--fleur-de-sel-caramel-oklch: oklch(0.715 0.155 70.3);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(38 100% 44%);
border-color: oklch(0.715 0.155 70.3);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #df8f00;
--color-fleur-de-sel-caramel-50: #ffefc5;
--color-fleur-de-sel-caramel-100: #ffe0af;
--color-fleur-de-sel-caramel-200: #fdca89;
--color-fleur-de-sel-caramel-300: #e8aa57;
--color-fleur-de-sel-caramel-400: #d78c14;
--color-fleur-de-sel-caramel-500: #c46e00;
--color-fleur-de-sel-caramel-600: #a65e00;
--color-fleur-de-sel-caramel-700: #854b00;
--color-fleur-de-sel-caramel-800: #643500;
--color-fleur-de-sel-caramel-900: #462400;
--color-fleur-de-sel-caramel-950: #2e1300;
}SCSS
$fleur-de-sel-caramel: #df8f00;
$fleur-de-sel-caramel-rgb: 223, 143, 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);
}