Cor nomeada · #E1CFA5
Foothills
Foothills é #E1CFA5: rgb(225 207 165), hsl(42 50% 76%), oklch(0.859 0.059 87.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Foothills color name →
#E1CFA5
oklch(0.859 0.059 87.5)
Conversões de cor
- HEX
- #e1cfa5
- RGB
- rgb(225 207 165)
- HSL
- hsl(42 50% 76%)
- HWB
- hwb(42 65% 12%)
- OKLCH
- oklch(0.859 0.059 87.5)
- OKLab
- oklab(0.859 0.003 0.059)
- CIE Lab
- lab(83.84 1.77 23.35)
- LCH
- lch(83.84 23.42 85.7)
- CMYK
- cmyk(0% 8% 27% 12%)
Tons claros · Sombras · Tons
Tons claros
- E4D4AE
- E7D9B7
- EADDC0
- EDE2C9
- F0E7D2
- F3ECDB
- F6F1E4
- F9F5ED
- FCFAF6
Sombras
- C4B48F
- A79979
- 8B7F65
- 706751
- 564F3D
- 3E382B
- 27231A
- 12100A
- 020201
Tons
- D7C7A1
- CDBF9E
- C3B79A
- B9AF97
- AFA793
- A69F8F
- 9C978B
- 938F88
- 898884
Harmonias de cor
Complementar +180°
- E1CFA5
Foothills
- C0D0F8
≈ Frost Fairy
Análoga -30° +30°
- E1CFA5
Foothills
- EFC8AB
≈ Caramel Ice
- CDD6AB
≈ Trailing Vine
Tríade +120° +240°
- E1CFA5
Foothills
- A4DCE5
≈ Charlotte
- E6C4E5
≈ Prom Corsage
Complementar dividida +150° +210°
- E1CFA5
Foothills
- ADD7F3
≈ Blue Rice
- D4C9F3
≈ Soap
Tétrade +90° +180° +270°
- E1CFA5
Foothills
- A8DED0
≈ Prism
- C0D0F8
≈ Frost Fairy
- F2C1D1
≈ Carnation Bouquet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.66:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--foothills: #e1cfa5;
--foothills-rgb: 225 207 165;
--foothills-oklch: oklch(0.859 0.059 87.5);
}
.element {
color: var(--foothills);
background-color: hsl(42 50% 76%);
border-color: oklch(0.859 0.059 87.5);
}Tailwind CSS v4
@theme {
--color-foothills: #e1cfa5;
--color-foothills-50: #fcf5e3;
--color-foothills-100: #f0e7d2;
--color-foothills-200: #ded4b8;
--color-foothills-300: #c3b796;
--color-foothills-400: #ad9d77;
--color-foothills-500: #978458;
--color-foothills-600: #7f704b;
--color-foothills-700: #66593c;
--color-foothills-800: #4c412a;
--color-foothills-900: #342d1c;
--color-foothills-950: #201a0d;
}SCSS
$foothills: #e1cfa5;
$foothills-rgb: 225, 207, 165;
$foothills-light: mix(#fff, $foothills, 20%);
$foothills-dark: mix(#000, $foothills, 20%);
.element {
color: $foothills;
box-shadow: 0 0 0 2px rgba($foothills, 0.35);
}