Couleur nommée la plus proche · #EFC5A6
#EFC5A6
Couleur nommée la plus proche: Fabulous Fawn
#EFC5A6 (rgb(239 197 166), hsl(25 70% 79%), oklch(0.852 0.064 58.2)) 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.
#EFC5A6
oklch(0.852 0.064 58.2)
Conversions de couleur
- HEX
- #efc5a6
- RGB
- rgb(239 197 166)
- HSL
- hsl(25 70% 79%)
- HWB
- hwb(25 65% 6%)
- OKLCH
- oklch(0.852 0.064 58.2)
- OKLab
- oklab(0.852 0.033 0.054)
- CIE Lab
- lab(82.67 12.2 21.51)
- LCH
- lch(82.67 24.73 60.4)
- CMYK
- cmyk(0% 18% 31% 6%)
Teintes · Ombres · Tons
Teintes
- F1CBAF
- F3D1B8
- F4D6C1
- F6DCC9
- F8E2D2
- F9E8DB
- FBEEE4
- FCF3ED
- FEF9F6
Ombres
- D0AB90
- B1927A
- 947965
- 786151
- 5C4B3E
- 42352B
- 2A211A
- 140E0A
- 030201
Tons
- E3BEA2
- D8B79F
- CDB09B
- C2A997
- B6A293
- AB9B90
- A0948C
- 958E88
- 8B8784
Harmonies de couleurs
Complémentaire +180°
- EFC5A6
Fabulous Fawn
- A8D5F4
≈ Juzcar Blue
Analogue -30° +30°
- EFC5A6
Fabulous Fawn
- F5BFB7
≈ Dainty Debutante
- E0CD9F
≈ Prairie Land
Triadique +120° +240°
- EFC5A6
Fabulous Fawn
- A2DDCF
≈ Sparkling Mint
- D3C6F3
≈ Soap
Complémentaire divisée +150° +210°
- EFC5A6
Fabulous Fawn
- 9DDBE4
≈ Cool Water Lake
- BDCEF9
≈ Ice Cold Stare
Tétradique +90° +180° +270°
- EFC5A6
Fabulous Fawn
- B3DBB8
≈ Ice Mist
- A8D5F4
≈ Juzcar Blue
- E6C0E4
≈ Prom Corsage
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.59:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.20:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.20:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--fabulous-fawn: #efc5a6;
--fabulous-fawn-rgb: 239 197 166;
--fabulous-fawn-oklch: oklch(0.852 0.064 58.2);
}
.element {
color: var(--fabulous-fawn);
background-color: hsl(25 70% 79%);
border-color: oklch(0.852 0.064 58.2);
}Tailwind CSS v4
@theme {
--color-fabulous-fawn: #efc5a6;
--color-fabulous-fawn-50: #fff1e3;
--color-fabulous-fawn-100: #f9e4d3;
--color-fabulous-fawn-200: #e9cfba;
--color-fabulous-fawn-300: #d0b097;
--color-fabulous-fawn-400: #bc9679;
--color-fabulous-fawn-500: #a67c5c;
--color-fabulous-fawn-600: #8d694e;
--color-fabulous-fawn-700: #71543e;
--color-fabulous-fawn-800: #543d2d;
--color-fabulous-fawn-900: #3a2a1e;
--color-fabulous-fawn-950: #24170e;
}SCSS
$fabulous-fawn: #efc5a6;
$fabulous-fawn-rgb: 239, 197, 166;
$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);
}