이름 색상 · #E1CFA5
Foothills
Foothills은(는) #E1CFA5: rgb(225 207 165), hsl(42 50% 76%), oklch(0.859 0.059 87.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Foothills color name →
#E1CFA5
oklch(0.859 0.059 87.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E4D4AE
- E7D9B7
- EADDC0
- EDE2C9
- F0E7D2
- F3ECDB
- F6F1E4
- F9F5ED
- FCFAF6
셰이드
- C4B48F
- A79979
- 8B7F65
- 706751
- 564F3D
- 3E382B
- 27231A
- 12100A
- 020201
톤
- D7C7A1
- CDBF9E
- C3B79A
- B9AF97
- AFA793
- A69F8F
- 9C978B
- 938F88
- 898884
색 조화
보색 +180°
- E1CFA5
Foothills
- C0D0F8
≈ Frost Fairy
유사색 -30° +30°
- E1CFA5
Foothills
- EFC8AB
≈ Caramel Ice
- CDD6AB
≈ Trailing Vine
삼각 배색 +120° +240°
- E1CFA5
Foothills
- A4DCE5
≈ Charlotte
- E6C4E5
≈ Prom Corsage
분열 보색 +150° +210°
- E1CFA5
Foothills
- ADD7F3
≈ Blue Rice
- D4C9F3
≈ Soap
사각 배색 +90° +180° +270°
- E1CFA5
Foothills
- A8DED0
≈ Prism
- C0D0F8
≈ Frost Fairy
- F2C1D1
≈ Carnation Bouquet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.66:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
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);
}