Couleur nommée la plus proche · #E8BC9E
#E8BC9E
Couleur nommée la plus proche: Fabulous Fawn
#E8BC9E (rgb(232 188 158), hsl(24 62% 76%), oklch(0.827 0.065 55.9)) 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.
#E8BC9E
oklch(0.827 0.065 55.9)
Conversions de couleur
- HEX
- #e8bc9e
- RGB
- rgb(232 188 158)
- HSL
- hsl(24 62% 76%)
- HWB
- hwb(24 62% 9%)
- OKLCH
- oklch(0.827 0.065 55.9)
- OKLab
- oklab(0.827 0.036 0.054)
- CIE Lab
- lab(79.66 13.23 21.52)
- LCH
- lch(79.66 25.26 58.4)
- CMYK
- cmyk(0% 19% 32% 9%)
Teintes · Ombres · Tons
Teintes
- EBC3A8
- EDC9B1
- EFD0BB
- F2D7C5
- F4DDCE
- F6E4D8
- F9EBE2
- FBF2EB
- FDF8F5
Ombres
- CAA389
- AC8B74
- 907360
- 745D4D
- 59473A
- 403229
- 291F18
- 130D09
- 030201
Tons
- DDB69B
- D3B098
- C8AA95
- BEA492
- B39E8F
- A9988C
- 9E9289
- 948C86
- 8A8683
Harmonies de couleurs
Complémentaire +180°
- E8BC9E
Fabulous Fawn
- 9ECEEB
≈ Mediterranean Charm
Analogue -30° +30°
- E8BC9E
Fabulous Fawn
- EEB7B0
≈ Mesa Rose
- D9C496
≈ Chamomile Tea
Triadique +120° +240°
- E8BC9E
Fabulous Fawn
- 99D5C4
≈ Aqua Glow
- C9BEEC
≈ Connecticut Lilac
Complémentaire divisée +150° +210°
- E8BC9E
Fabulous Fawn
- 94D3DB
≈ Aqua Bloom
- B2C6F2
≈ Tropical Blue
Tétradique +90° +180° +270°
- E8BC9E
Fabulous Fawn
- ACD2AD
≈ Coral Springs
- 9ECEEB
≈ Mediterranean Charm
- DDB8DD
≈ French Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.73:1 · APCA Lc 31
Ag
AAASur noir
WCAG 12.11:1 · APCA Lc 71
Meilleure couleur de texte: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Extraits de code
CSS
:root {
--fabulous-fawn: #e8bc9e;
--fabulous-fawn-rgb: 232 188 158;
--fabulous-fawn-oklch: oklch(0.827 0.065 55.9);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(24 62% 76%);
border-color: oklch(0.827 0.065 55.9);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #e8bc9e;
--color-fabulous-fawn-50: #fff1e3;
--color-fabulous-fawn-100: #f9e3d3;
--color-fabulous-fawn-200: #eaceba;
--color-fabulous-fawn-300: #d2b097;
--color-fabulous-fawn-400: #bd9579;
--color-fabulous-fawn-500: #a87b5c;
--color-fabulous-fawn-600: #8e684e;
--color-fabulous-fawn-700: #72533e;
--color-fabulous-fawn-800: #543c2d;
--color-fabulous-fawn-900: #3b291e;
--color-fabulous-fawn-950: #25170e;
}SCSS
$fabulous-fawn: #e8bc9e;
$fabulous-fawn-rgb: 232, 188, 158;
$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);
}