Couleur nommée la plus proche · #DE8700
#DE8700
Couleur nommée la plus proche: Fleur de Sel Caramel
#DE8700 (rgb(222 135 0), hsl(36 100% 44%), oklch(0.7 0.156 66)) 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.
#DE8700
oklch(0.7 0.156 66)
Conversions de couleur
- HEX
- #de8700
- RGB
- rgb(222 135 0)
- HSL
- hsl(36 100% 44%)
- HWB
- hwb(36 0% 13%)
- OKLCH
- oklch(0.7 0.156 66)
- OKLab
- oklab(0.7 0.063 0.142)
- CIE Lab
- lab(64.66 28.86 70.2)
- LCH
- lch(64.66 75.9 67.6)
- CMYK
- cmyk(0% 39% 100% 13%)
Teintes · Ombres · Tons
Teintes
- E29438
- E6A054
- EAAC6C
- EEB882
- F1C498
- F4D0AD
- F7DCC1
- FAE8D6
- FDF3EA
Ombres
- C17500
- A56300
- 895100
- 6F4100
- 553100
- 3D2100
- 261300
- 120600
- 020100
Tons
- D58727
- CC8739
- C28746
- B98651
- B0865B
- A78564
- 9D846B
- 948373
- 8A817A
Harmonies de couleurs
Complémentaire +180°
- DE8700
Fleur de Sel Caramel
- 38A5F8
≈ Rockman Blue
Analogue -30° +30°
- DE8700
Fleur de Sel Caramel
- EE7656
≈ Temple of Orange
- B99D00
≈ Perennial
Triadique +120° +240°
- DE8700
Fleur de Sel Caramel
- 00B6AA
≈ Glass Jar Blue
- B682EA
≈ Lavender Blossom
Complémentaire divisée +150° +210°
- DE8700
Fleur de Sel Caramel
- 00B1CF
≈ Aquarius
- 8593FE
≈ Periwinkle Blue
Tétradique +90° +180° +270°
- DE8700
Fleur de Sel Caramel
- 2DBA74
≈ Fennel Fiesta
- 38A5F8
≈ Rockman Blue
- D975C3
≈ Explicit Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.77:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.57:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.57:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
CSS
:root {
--fleur-de-sel-caramel: #de8700;
--fleur-de-sel-caramel-rgb: 222 135 0;
--fleur-de-sel-caramel-oklch: oklch(0.7 0.156 66);
}
.element {
color: var(--fleur-de-sel-caramel);
background-color: hsl(36 100% 44%);
border-color: oklch(0.7 0.156 66);
}Tailwind CSS v4
@theme {
--color-fleur-de-sel-caramel: #de8700;
--color-fleur-de-sel-caramel-50: #ffeec6;
--color-fleur-de-sel-caramel-100: #ffdfb0;
--color-fleur-de-sel-caramel-200: #ffc88b;
--color-fleur-de-sel-caramel-300: #eca759;
--color-fleur-de-sel-caramel-400: #db891d;
--color-fleur-de-sel-caramel-500: #c96b00;
--color-fleur-de-sel-caramel-600: #a95b00;
--color-fleur-de-sel-caramel-700: #884900;
--color-fleur-de-sel-caramel-800: #663300;
--color-fleur-de-sel-caramel-900: #482300;
--color-fleur-de-sel-caramel-950: #2f1100;
}SCSS
$fleur-de-sel-caramel: #de8700;
$fleur-de-sel-caramel-rgb: 222, 135, 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);
}