Colore con nome · #E7EAE5
Feather White
Feather White è #E7EAE5: rgb(231 234 229), hsl(96 11% 91%), oklch(0.933 0.007 132.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Feather White color name →
#E7EAE5
oklch(0.933 0.007 132.4)
Conversioni di colore
- HEX
- #e7eae5
- RGB
- rgb(231 234 229)
- HSL
- hsl(96 11% 91%)
- HWB
- hwb(96 90% 8%)
- OKLCH
- oklch(0.933 0.007 132.4)
- OKLab
- oklab(0.933 -0.005 0.005)
- CIE Lab
- lab(92.36 -1.7 2.06)
- LCH
- lch(92.36 2.68 129.5)
- CMYK
- cmyk(1% 0% 2% 8%)
Tinte · Ombre · Toni
Tinte
- E9ECE8
- ECEEEA
- EEF0ED
- F1F2EF
- F3F4F2
- F5F7F5
- F8F9F7
- FAFBFA
- FDFDFC
Ombre
- C9CBC7
- ABAEAA
- 8F918E
- 737572
- 595A58
- 40413F
- 282928
- 131312
- 030303
Toni
- DCDFDA
- D2D4D0
- C7C9C6
- BCBEBB
- B2B4B1
- A8A9A7
- 9E9F9D
- 949493
- 8A8A8A
Armonie di colore
Complementare +180°
- E7EAE5
Feather White
- EBE8ED
≈ Dandelion Floatie
Analogo -30° +30°
- E7EAE5
Feather White
- EAE9E4
≈ Faded Grey
- E5EBE7
≈ Mist Spirit
Triadico +120° +240°
- E7EAE5
Feather White
- E5E9EE
≈ Calla Lily
- EEE7E7
≈ Shell Brook
Complementare divisa +150° +210°
- E7EAE5
Feather White
- E8E8EE
≈ Diamond Cut
- EDE7EA
≈ Wedding
Tetradico +90° +180° +270°
- E7EAE5
Feather White
- E4EAEC
≈ Calla Lily
- EBE8ED
≈ Dandelion Floatie
- EEE7E5
≈ Shell Brook
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.21:1 · APCA Lc 11
Ag
AAASu nero
WCAG 17.29:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.29:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--feather-white: #e7eae5;
--feather-white-rgb: 231 234 229;
--feather-white-oklch: oklch(0.933 0.007 132.4);
}
.element {
color: var(--feather-white);
background-color: hsl(96 11% 91%);
border-color: oklch(0.933 0.007 132.4);
}Tailwind CSS v4
@theme {
--color-feather-white: #e7eae5;
--color-feather-white-50: #f4f5f3;
--color-feather-white-100: #e7e8e6;
--color-feather-white-200: #d3d5d2;
--color-feather-white-300: #b6b8b4;
--color-feather-white-400: #9d9f9b;
--color-feather-white-500: #848782;
--color-feather-white-600: #70726e;
--color-feather-white-700: #595b58;
--color-feather-white-800: #414340;
--color-feather-white-900: #2d2e2c;
--color-feather-white-950: #1a1b19;
}SCSS
$feather-white: #e7eae5;
$feather-white-rgb: 231, 234, 229;
$feather-white-light: mix(#fff, $feather-white, 20%);
$feather-white-dark: mix(#000, $feather-white, 20%);
.element {
color: $feather-white;
box-shadow: 0 0 0 2px rgba($feather-white, 0.35);
}