이름 색상 · #E2DEC8
Light Pistachio Tang
Light Pistachio Tang은(는) #E2DEC8: rgb(226 222 200), hsl(51 31% 84%), oklch(0.898 0.03 98.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Pistachio Tang color name →
#E2DEC8
oklch(0.898 0.03 98.5)
색상 변환
- HEX
- #e2dec8
- RGB
- rgb(226 222 200)
- HSL
- hsl(51 31% 84%)
- HWB
- hwb(51 78% 11%)
- OKLCH
- oklch(0.898 0.03 98.5)
- OKLab
- oklab(0.898 -0.004 0.029)
- CIE Lab
- lab(88.35 -1.34 11.35)
- LCH
- lch(88.35 11.43 96.8)
- CMYK
- cmyk(0% 2% 12% 11%)
틴트 · 셰이드 · 톤
틴트
- E5E1CD
- E8E5D3
- EBE8D8
- EEEBDE
- F0EEE3
- F3F2E9
- F6F5EE
- F9F8F4
- FCFCF9
셰이드
- C4C1AE
- A8A594
- 8C897B
- 716F63
- 57554C
- 3E3D36
- 272621
- 12120F
- 030202
톤
- D8D4C1
- CECAB9
- C4C1B2
- BAB7AB
- B0AEA3
- A6A49C
- 9C9B95
- 93928E
- 898987
색 조화
보색 +180°
- E2DEC8
Light Pistachio Tang
- D8DCF1
≈ Chinese Silver
유사색 -30° +30°
- E2DEC8
Light Pistachio Tang
- EBDAC9
≈ Sandpiper
- D7E1CD
≈ Gratifying Green
삼각 배색 +120° +240°
- E2DEC8
Light Pistachio Tang
- C9E3EB
≈ Azul Cielito Lindo
- EBD6E4
≈ All Made Up
분열 보색 +150° +210°
- E2DEC8
Light Pistachio Tang
- CFE0F1
≈ Light Breeze
- E3D8ED
≈ Old Chalk
사각 배색 +90° +180° +270°
- E2DEC8
Light Pistachio Tang
- C8E4E1
≈ Swan Lake
- D8DCF1
≈ Chinese Silver
- F0D6D9
≈ Pale Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.51:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--light-pistachio-tang: #e2dec8;
--light-pistachio-tang-rgb: 226 222 200;
--light-pistachio-tang-oklch: oklch(0.898 0.03 98.5);
}
.element {
color: var(--light-pistachio-tang);
background-color: hsl(51 31% 84%);
border-color: oklch(0.898 0.03 98.5);
}Tailwind CSS v4
@theme {
--color-light-pistachio-tang: #e2dec8;
--color-light-pistachio-tang-50: #f7f5ec;
--color-light-pistachio-tang-100: #eae8dd;
--color-light-pistachio-tang-200: #d7d5c7;
--color-light-pistachio-tang-300: #bab8a7;
--color-light-pistachio-tang-400: #a39f8b;
--color-light-pistachio-tang-500: #8b8770;
--color-light-pistachio-tang-600: #76725f;
--color-light-pistachio-tang-700: #5e5b4c;
--color-light-pistachio-tang-800: #454337;
--color-light-pistachio-tang-900: #302e26;
--color-light-pistachio-tang-950: #1c1b14;
}SCSS
$light-pistachio-tang: #e2dec8;
$light-pistachio-tang-rgb: 226, 222, 200;
$light-pistachio-tang-light: mix(#fff, $light-pistachio-tang, 20%);
$light-pistachio-tang-dark: mix(#000, $light-pistachio-tang, 20%);
.element {
color: $light-pistachio-tang;
box-shadow: 0 0 0 2px rgba($light-pistachio-tang, 0.35);
}