Couleur nommée · #E1CFAF
Creamy Chenille
Creamy Chenille correspond à #E1CFAF : rgb(225 207 175), hsl(38 45% 78%), oklch(0.861 0.047 82). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Orange mean? → · Creamy Chenille color name →
#E1CFAF
oklch(0.861 0.047 82)
Conversions de couleur
- HEX
- #e1cfaf
- RGB
- rgb(225 207 175)
- HSL
- hsl(38 45% 78%)
- HWB
- hwb(38 69% 12%)
- OKLCH
- oklch(0.861 0.047 82)
- OKLab
- oklab(0.861 0.007 0.047)
- CIE Lab
- lab(84.01 2.78 18.36)
- LCH
- lch(84.01 18.57 81.4)
- CMYK
- cmyk(0% 8% 22% 12%)
Teintes · Ombres · Tons
Teintes
- E4D4B7
- E7D9BF
- EADDC7
- EDE2CF
- F0E7D7
- F3ECDF
- F6F1E7
- F9F5EF
- FCFAF7
Ombres
- C4B498
- A79981
- 8B7F6B
- 706756
- 564F41
- 3E382E
- 27231C
- 12100B
- 020201
Tons
- D7C7AA
- CDBFA6
- C3B7A1
- B9AF9C
- AFA798
- A69F93
- 9C978E
- 938F89
- 898885
Harmonies de couleurs
Complémentaire +180°
- E1CFAF
Creamy Chenille
- C1D2F1
≈ Mr. Glass
Analogue -30° +30°
- E1CFAF
Creamy Chenille
- ECC9B6
≈ Renaissance Fresco
- D1D5B2
≈ Orinoco
Triadique +120° +240°
- E1CFAF
Creamy Chenille
- AEDBDF
≈ Daly Waters
- E1C8E4
≈ Syrian Violet
Complémentaire divisée +150° +210°
- E1CFAF
Creamy Chenille
- B3D8EB
≈ New Prince
- D1CCEF
≈ Miami White
Tétradique +90° +180° +270°
- E1CFAF
Creamy Chenille
- B3DCCE
≈ Brook Green
- C1D2F1
≈ Mr. Glass
- EBC5D4
≈ Desire Pink
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.74:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--creamy-chenille: #e1cfaf;
--creamy-chenille-rgb: 225 207 175;
--creamy-chenille-oklch: oklch(0.861 0.047 82);
}
.element {
color: var(--creamy-chenille);
background-color: hsl(38 45% 78%);
border-color: oklch(0.861 0.047 82);
}Tailwind CSS v4
@theme {
--color-creamy-chenille: #e1cfaf;
--color-creamy-chenille-50: #fcf4e6;
--color-creamy-chenille-100: #efe7d7;
--color-creamy-chenille-200: #ded3be;
--color-creamy-chenille-300: #c3b69d;
--color-creamy-chenille-400: #ad9c7f;
--color-creamy-chenille-500: #968462;
--color-creamy-chenille-600: #7f6f54;
--color-creamy-chenille-700: #665943;
--color-creamy-chenille-800: #4b4130;
--color-creamy-chenille-900: #342d20;
--color-creamy-chenille-950: #201a10;
}SCSS
$creamy-chenille: #e1cfaf;
$creamy-chenille-rgb: 225, 207, 175;
$creamy-chenille-light: mix(#fff, $creamy-chenille, 20%);
$creamy-chenille-dark: mix(#000, $creamy-chenille, 20%);
.element {
color: $creamy-chenille;
box-shadow: 0 0 0 2px rgba($creamy-chenille, 0.35);
}