Couleur nommée la plus proche · #DFB696
#DFB696
Couleur nommée la plus proche: Fabulous Fawn
#DFB696 (rgb(223 182 150), hsl(26 53% 73%), oklch(0.805 0.064 59.7)) est la plus proche de la couleur nommée Fabulous Fawn. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DFB696
oklch(0.805 0.064 59.7)
Conversions de couleur
- HEX
- #dfb696
- RGB
- rgb(223 182 150)
- HSL
- hsl(26 53% 73%)
- HWB
- hwb(26 59% 13%)
- OKLCH
- oklch(0.805 0.064 59.7)
- OKLab
- oklab(0.805 0.032 0.056)
- CIE Lab
- lab(77.16 11.98 22.21)
- LCH
- lch(77.16 25.24 61.7)
- CMYK
- cmyk(0% 18% 33% 13%)
Teintes · Ombres · Tons
Teintes
- E2BDA0
- E6C4AB
- E9CCB5
- ECD3C0
- F0DACA
- F3E2D5
- F6E9DF
- F9F0EA
- FCF8F4
Ombres
- C29E82
- A5866E
- 8A6F5B
- 6F5949
- 564437
- 3D3026
- 271D16
- 120C08
- 020201
Tons
- D5B194
- CCAB92
- C2A690
- B8A08E
- AF9B8C
- A59589
- 9C9087
- 938B85
- 898582
Harmonies de couleurs
Complémentaire +180°
- DFB696
Fabulous Fawn
- 9AC6E5
≈ Pale Cerulean
Analogue -30° +30°
- DFB696
Fabulous Fawn
- E6B0A7
≈ Rose Silk
- CFBE90
≈ Beaten Track
Triadique +120° +240°
- DFB696
Fabulous Fawn
- 91CDC0
≈ Beach Breeze
- C5B6E3
≈ Melrose
Complémentaire divisée +150° +210°
- DFB696
Fabulous Fawn
- 8ECBD6
≈ Winter Chill
- AFBEEA
≈ Spoiled Rotten
Tétradique +90° +180° +270°
- DFB696
Fabulous Fawn
- A3CBA9
≈ Potted Plant
- 9AC6E5
≈ Pale Cerulean
- D8B1D3
≈ Blushing Sky
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.86:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.26:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--fabulous-fawn: #dfb696;
--fabulous-fawn-rgb: 223 182 150;
--fabulous-fawn-oklch: oklch(0.805 0.064 59.7);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(26 53% 73%);
border-color: oklch(0.805 0.064 59.7);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #dfb696;
--color-fabulous-fawn-50: #fff2e3;
--color-fabulous-fawn-100: #f8e4d3;
--color-fabulous-fawn-200: #e9cfb9;
--color-fabulous-fawn-300: #d0b196;
--color-fabulous-fawn-400: #bb9678;
--color-fabulous-fawn-500: #a67c5a;
--color-fabulous-fawn-600: #8c694d;
--color-fabulous-fawn-700: #71543d;
--color-fabulous-fawn-800: #543d2c;
--color-fabulous-fawn-900: #3a2a1e;
--color-fabulous-fawn-950: #24170e;
}SCSS
$fabulous-fawn: #dfb696;
$fabulous-fawn-rgb: 223, 182, 150;
$fabulous-fawn-light: mix(#fff, $fabulous-fawn, 20%);
$fabulous-fawn-dark: mix(#000, $fabulous-fawn, 20%);
.element {
color: $fabulous-fawn;
box-shadow: 0 0 0 2px rgba($fabulous-fawn, 0.35);
}