이름 색상 · #E2D5C2
Onion White
Onion White은(는) #E2D5C2: rgb(226 213 194), hsl(36 36% 82%), oklch(0.878 0.029 77.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Onion White color name →
#E2D5C2
oklch(0.878 0.029 77.5)
색상 변환
- HEX
- #e2d5c2
- RGB
- rgb(226 213 194)
- HSL
- hsl(36 36% 82%)
- HWB
- hwb(36 76% 11%)
- OKLCH
- oklch(0.878 0.029 77.5)
- OKLab
- oklab(0.878 0.006 0.029)
- CIE Lab
- lab(85.95 2.32 11.12)
- LCH
- lch(85.95 11.36 78.2)
- CMYK
- cmyk(0% 6% 14% 11%)
틴트 · 셰이드 · 톤
틴트
- E5D9C8
- E8DDCE
- EBE1D4
- EEE6DA
- F0EAE0
- F3EEE6
- F6F2ED
- F9F7F3
- FCFBF9
셰이드
- C4B9A8
- A89E8F
- 8C8377
- 716A60
- 575149
- 3E3A34
- 272420
- 12100E
- 030202
톤
- D8CCBB
- CEC3B4
- C4BBAE
- BAB2A7
- B0AAA0
- A6A19A
- 9C9993
- 93908D
- 898886
색 조화
보색 +180°
- E2D5C2
Onion White
- CBD8EB
≈ Lilac Cotton Candy
유사색 -30° +30°
- E2D5C2
Onion White
- E8D2C7
≈ Bizarre
- D8D9C3
≈ Feng Shui
삼각 배색 +120° +240°
- E2D5C2
Onion White
- C2DDDE
≈ Cold Air Turquoise
- DFD1E4
≈ Alpine Moon
분열 보색 +150° +210°
- E2D5C2
Onion White
- C4DBE6
≈ Pacific Breeze
- D5D4EA
≈ Dulcinea
사각 배색 +90° +180° +270°
- E2D5C2
Onion White
- C5DED3
≈ Kappa Green
- CBD8EB
≈ Lilac Cotton Candy
- E7D0DA
≈ Nefarious Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.53:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.53:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--onion-white: #e2d5c2;
--onion-white-rgb: 226 213 194;
--onion-white-oklch: oklch(0.878 0.029 77.5);
}
.element {
color: var(--onion-white);
background-color: hsl(36 36% 82%);
border-color: oklch(0.878 0.029 77.5);
}Tailwind CSS v4
@theme {
--color-onion-white: #e2d5c2;
--color-onion-white-50: #faf4ec;
--color-onion-white-100: #ede7dd;
--color-onion-white-200: #dbd3c7;
--color-onion-white-300: #bfb6a7;
--color-onion-white-400: #a89d8c;
--color-onion-white-500: #918471;
--color-onion-white-600: #7b7060;
--color-onion-white-700: #62594c;
--color-onion-white-800: #484137;
--color-onion-white-900: #322d26;
--color-onion-white-950: #1e1a14;
}SCSS
$onion-white: #e2d5c2;
$onion-white-rgb: 226, 213, 194;
$onion-white-light: mix(#fff, $onion-white, 20%);
$onion-white-dark: mix(#000, $onion-white, 20%);
.element {
color: $onion-white;
box-shadow: 0 0 0 2px rgba($onion-white, 0.35);
}