이름 색상 · #E2CC9C
Prairie Land
Prairie Land은(는) #E2CC9C: rgb(226 204 156), hsl(41 55% 75%), oklch(0.852 0.068 86.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Prairie Land color name →
#E2CC9C
oklch(0.852 0.068 86.2)
색상 변환
- HEX
- #e2cc9c
- RGB
- rgb(226 204 156)
- HSL
- hsl(41 55% 75%)
- HWB
- hwb(41 61% 11%)
- OKLCH
- oklch(0.852 0.068 86.2)
- OKLab
- oklab(0.852 0.004 0.067)
- CIE Lab
- lab(83.03 2.77 26.96)
- LCH
- lch(83.03 27.1 84.1)
- CMYK
- cmyk(0% 10% 31% 11%)
틴트 · 셰이드 · 톤
틴트
- E5D1A6
- E8D6B0
- EBDBBA
- EEE0C4
- F1E6CE
- F3EBD8
- F6F0E1
- F9F5EB
- FCFAF5
셰이드
- C4B187
- A89773
- 8C7E5F
- 71654C
- 574E39
- 3E3728
- 272218
- 120F09
- 030201
톤
- D8C49A
- CEBC97
- C4B594
- BAAD92
- B0A58F
- A69E8C
- 9C9689
- 938F86
- 898783
색 조화
보색 +180°
- E2CC9C
Prairie Land
- BACEFC
≈ Ice Cold Stare
유사색 -30° +30°
- E2CC9C
Prairie Land
- F2C4A4
≈ Australian Apricot
- CBD5A2
≈ True to You
삼각 배색 +120° +240°
- E2CC9C
Prairie Land
- 99DCE4
≈ Cool Water Lake
- E6C0E6
≈ Prom Corsage
분열 보색 +150° +210°
- E2CC9C
Prairie Land
- A4D6F5
≈ Juzcar Blue
- D2C6F6
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- E2CC9C
Prairie Land
- 9FDDCD
≈ Tropical Freeze
- BACEFC
≈ Ice Cold Stare
- F4BDD0
≈ Pink Destiny
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.35:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--prairie-land: #e2cc9c;
--prairie-land-rgb: 226 204 156;
--prairie-land-oklch: oklch(0.852 0.068 86.2);
}
.element {
color: var(--prairie-land);
background-color: hsl(41 55% 75%);
border-color: oklch(0.852 0.068 86.2);
}Tailwind CSS v4
@theme {
--color-prairie-land: #e2cc9c;
--color-prairie-land-50: #fdf5e0;
--color-prairie-land-100: #f1e7cf;
--color-prairie-land-200: #e0d3b4;
--color-prairie-land-300: #c6b690;
--color-prairie-land-400: #b09c70;
--color-prairie-land-500: #9a8350;
--color-prairie-land-600: #826f45;
--color-prairie-land-700: #685937;
--color-prairie-land-800: #4d4126;
--color-prairie-land-900: #362c1a;
--color-prairie-land-950: #21190a;
}SCSS
$prairie-land: #e2cc9c;
$prairie-land-rgb: 226, 204, 156;
$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);
}