이름 색상 · #E6E1E2
Easter Orchid
Easter Orchid은(는) #E6E1E2: rgb(230 225 226), hsl(348 9% 89%), oklch(0.914 0.006 3.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Easter Orchid color name →
#E6E1E2
oklch(0.914 0.006 3.3)
색상 변환
- HEX
- #e6e1e2
- RGB
- rgb(230 225 226)
- HSL
- hsl(348 9% 89%)
- HWB
- hwb(348 88% 10%)
- OKLCH
- oklch(0.914 0.006 3.3)
- OKLab
- oklab(0.914 0.006 0)
- CIE Lab
- lab(89.95 1.89 0.14)
- LCH
- lch(89.95 1.89 4.3)
- CMYK
- cmyk(0% 2% 2% 10%)
틴트 · 셰이드 · 톤
틴트
- E8E4E5
- EBE7E8
- EDEAEB
- F0EDEE
- F2F0F0
- F5F3F3
- F7F6F6
- FAF9F9
- FCFCFC
셰이드
- C8C4C4
- ABA7A8
- 8E8B8C
- 737071
- 595657
- 403E3E
- 282727
- 131212
- 030203
톤
- DBD7D8
- D1CDCE
- C6C3C4
- BCB9BA
- B2AFB0
- A7A6A6
- 9D9C9C
- 939393
- 8A8989
색 조화
보색 +180°
- E6E1E2
Easter Orchid
- DFE4E3
≈ Grey Glimpse
유사색 -30° +30°
- E6E1E2
Easter Orchid
- E5E1E4
≈ Orchid Blossom
- E6E1E0
≈ Mauve Tinge
삼각 배색 +120° +240°
- E6E1E2
Easter Orchid
- E2E3DF
≈ Beryl Pearl
- DFE3E6
≈ January Dawn
분열 보색 +150° +210°
- E6E1E2
Easter Orchid
- E0E4E1
≈ Grey Glimpse
- DFE4E5
≈ Mauve White
사각 배색 +90° +180° +270°
- E6E1E2
Easter Orchid
- E4E2DE
≈ Quiet on the Set
- DFE4E3
≈ Grey Glimpse
- E1E2E6
≈ Soothing White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.23:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--easter-orchid: #e6e1e2;
--easter-orchid-rgb: 230 225 226;
--easter-orchid-oklch: oklch(0.914 0.006 3.3);
}
.element {
color: var(--easter-orchid);
background-color: hsl(348 9% 89%);
border-color: oklch(0.914 0.006 3.3);
}Tailwind CSS v4
@theme {
--color-easter-orchid: #e6e1e2;
--color-easter-orchid-50: #f7f4f5;
--color-easter-orchid-100: #eae7e7;
--color-easter-orchid-200: #d6d3d4;
--color-easter-orchid-300: #bab6b7;
--color-easter-orchid-400: #a19d9e;
--color-easter-orchid-500: #8a8586;
--color-easter-orchid-600: #747071;
--color-easter-orchid-700: #5d5a5a;
--color-easter-orchid-800: #444242;
--color-easter-orchid-900: #2f2d2e;
--color-easter-orchid-950: #1c1a1a;
}SCSS
$easter-orchid: #e6e1e2;
$easter-orchid-rgb: 230, 225, 226;
$easter-orchid-light: mix(#fff, $easter-orchid, 20%);
$easter-orchid-dark: mix(#000, $easter-orchid, 20%);
.element {
color: $easter-orchid;
box-shadow: 0 0 0 2px rgba($easter-orchid, 0.35);
}