이름 색상 · #E1D9AA
Fresh Willow
Fresh Willow은(는) #E1D9AA: rgb(225 217 170), hsl(51 48% 77%), oklch(0.88 0.062 99.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Fresh Willow color name →
#E1D9AA
oklch(0.88 0.062 99.5)
색상 변환
- HEX
- #e1d9aa
- RGB
- rgb(225 217 170)
- HSL
- hsl(51 48% 77%)
- HWB
- hwb(51 67% 12%)
- OKLCH
- oklch(0.88 0.062 99.5)
- OKLab
- oklab(0.88 -0.01 0.061)
- CIE Lab
- lab(86.47 -2.59 24.3)
- LCH
- lch(86.47 24.43 96.1)
- CMYK
- cmyk(0% 4% 24% 12%)
틴트 · 셰이드 · 톤
틴트
- E4DDB3
- E7E1BB
- EAE4C4
- EDE8CC
- F0ECD5
- F3F0DD
- F6F4E6
- F9F7EE
- FCFBF7
셰이드
- C4BC93
- A7A17D
- 8B8668
- 706C53
- 56533F
- 3E3B2D
- 27251B
- 12110B
- 020201
톤
- D7D0A6
- CDC7A2
- C3BE9E
- B9B59A
- AFAC95
- A6A391
- 9C9A8D
- 939189
- 898984
색 조화
보색 +180°
- E1D9AA
Fresh Willow
- CFD4FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- E1D9AA
Fresh Willow
- F3D1AC
≈ Pekin Chicken
- CAE0B5
≈ Satin Green
삼각 배색 +120° +240°
- E1D9AA
Fresh Willow
- AAE2F4
≈ Atmospheric Soft Blue
- F4C8E5
≈ Venetian Rose
분열 보색 +150° +210°
- E1D9AA
Fresh Willow
- B9DCFF
≈ Broad Daylight
- E4CDF7
≈ Mousse aux Pruneaux
사각 배색 +90° +180° +270°
- E1D9AA
Fresh Willow
- A8E5E0
≈ Silent Ripple
- CFD4FF
≈ Pale Phthalo Blue
- FDC7CE
≈ Sweet Memories
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.70:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--fresh-willow: #e1d9aa;
--fresh-willow-rgb: 225 217 170;
--fresh-willow-oklch: oklch(0.88 0.062 99.5);
}
.element {
color: var(--fresh-willow);
background-color: hsl(51 48% 77%);
border-color: oklch(0.88 0.062 99.5);
}Tailwind CSS v4
@theme {
--color-fresh-willow: #e1d9aa;
--color-fresh-willow-50: #f8f6e2;
--color-fresh-willow-100: #ece9d2;
--color-fresh-willow-200: #d9d6b8;
--color-fresh-willow-300: #beb995;
--color-fresh-willow-400: #a7a075;
--color-fresh-willow-500: #908756;
--color-fresh-willow-600: #7a734a;
--color-fresh-willow-700: #615c3a;
--color-fresh-willow-800: #484329;
--color-fresh-willow-900: #322e1c;
--color-fresh-willow-950: #1e1b0c;
}SCSS
$fresh-willow: #e1d9aa;
$fresh-willow-rgb: 225, 217, 170;
$fresh-willow-light: mix(#fff, $fresh-willow, 20%);
$fresh-willow-dark: mix(#000, $fresh-willow, 20%);
.element {
color: $fresh-willow;
box-shadow: 0 0 0 2px rgba($fresh-willow, 0.35);
}