Nazwany kolor · #E1CFA5
Foothills
Foothills to #E1CFA5: rgb(225 207 165), hsl(42 50% 76%), oklch(0.859 0.059 87.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Foothills color name →
#E1CFA5
oklch(0.859 0.059 87.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4D4AE
- E7D9B7
- EADDC0
- EDE2C9
- F0E7D2
- F3ECDB
- F6F1E4
- F9F5ED
- FCFAF6
Odcienie ciemniejsze
- C4B48F
- A79979
- 8B7F65
- 706751
- 564F3D
- 3E382B
- 27231A
- 12100A
- 020201
Tony
- D7C7A1
- CDBF9E
- C3B79A
- B9AF97
- AFA793
- A69F8F
- 9C978B
- 938F88
- 898884
Harmonie kolorów
Komplementarna +180°
- E1CFA5
Foothills
- C0D0F8
≈ Frost Fairy
Analogowa -30° +30°
- E1CFA5
Foothills
- EFC8AB
≈ Caramel Ice
- CDD6AB
≈ Trailing Vine
Triada +120° +240°
- E1CFA5
Foothills
- A4DCE5
≈ Charlotte
- E6C4E5
≈ Prom Corsage
Komplementarna rozszczepiona +150° +210°
- E1CFA5
Foothills
- ADD7F3
≈ Blue Rice
- D4C9F3
≈ Soap
Tetrada +90° +180° +270°
- E1CFA5
Foothills
- A8DED0
≈ Prism
- C0D0F8
≈ Frost Fairy
- F2C1D1
≈ Carnation Bouquet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.53:1 · APCA Lc 25
Ag
AAANa czerni
WCAG 13.66:1 · APCA Lc 78
Najlepszy kolor tekstu: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}