가장 가까운 이름 색상 · #E8CF9D
#E8CF9D
가장 가까운 이름 색상: Prairie Land
#E8CF9D(rgb(232 207 157), hsl(40 62% 76%), oklch(0.863 0.071 84.4))와 가장 가까운 이름 색상은 Prairie Land입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E8CF9D
oklch(0.863 0.071 84.4)
색상 변환
- HEX
- #e8cf9d
- RGB
- rgb(232 207 157)
- HSL
- hsl(40 62% 76%)
- HWB
- hwb(40 62% 9%)
- OKLCH
- oklch(0.863 0.071 84.4)
- OKLab
- oklab(0.863 0.007 0.071)
- CIE Lab
- lab(84.34 3.72 28.29)
- LCH
- lch(84.34 28.54 82.5)
- CMYK
- cmyk(0% 11% 32% 9%)
틴트 · 셰이드 · 톤
틴트
- EAD4A7
- EDD9B1
- EFDDBB
- F1E2C5
- F4E7CE
- F6ECD8
- F8F1E2
- FAF5EC
- FDFAF5
셰이드
- CAB488
- AC9973
- 907F5F
- 74674C
- 594F3A
- 403828
- 292318
- 131009
- 030201
톤
- DDC79A
- D2BF98
- C8B795
- BDAF92
- B3A78F
- A89F8C
- 9E9789
- 948F86
- 8A8883
색 조화
보색 +180°
- E8CF9D
Prairie Land
- BCD2FF
≈ Ice Cold Stare
유사색 -30° +30°
- E8CF9D
Prairie Land
- F8C6A6
≈ Peach Damask
- D1D8A3
≈ White Jade
삼각 배색 +120° +240°
- E8CF9D
Prairie Land
- 9AE0E8
≈ Luminescent Blue
- EAC3ED
≈ Purple’s Baby Sister
분열 보색 +150° +210°
- E8CF9D
Prairie Land
- A4DBFA
≈ Columbia Blue
- D4CAFD
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- E8CF9D
Prairie Land
- A1E2CF
≈ Aqua Wish
- BCD2FF
≈ Ice Cold Stare
- F9BFD5
≈ Cherry Blossom
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.84:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.84:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--prairie-land: #e8cf9d;
--prairie-land-rgb: 232 207 157;
--prairie-land-oklch: oklch(0.863 0.071 84.4);
}
.element {
color: var(--prairie-land);
background-color: hsl(40 62% 76%);
border-color: oklch(0.863 0.071 84.4);
}Tailwind CSS v4
@theme {
--color-prairie-land: #e8cf9d;
--color-prairie-land-50: #fef4df;
--color-prairie-land-100: #f2e7ce;
--color-prairie-land-200: #e2d3b2;
--color-prairie-land-300: #c7b68e;
--color-prairie-land-400: #b29b6e;
--color-prairie-land-500: #9c824d;
--color-prairie-land-600: #846e42;
--color-prairie-land-700: #6a5834;
--color-prairie-land-800: #4f4025;
--color-prairie-land-900: #372c19;
--color-prairie-land-950: #211909;
}SCSS
$prairie-land: #e8cf9d;
$prairie-land-rgb: 232, 207, 157;
$prairie-land-light: mix(#fff, $prairie-land, 20%);
$prairie-land-dark: mix(#000, $prairie-land, 20%);
.element {
color: $prairie-land;
box-shadow: 0 0 0 2px rgba($prairie-land, 0.35);
}