이름 색상 · #E0F1C4
Green Veil
Green Veil은(는) #E0F1C4: rgb(224 241 196), hsl(83 62% 86%), oklch(0.934 0.062 124.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Green Veil color name →
#E0F1C4
oklch(0.934 0.062 124.4)
색상 변환
- HEX
- #e0f1c4
- RGB
- rgb(224 241 196)
- HSL
- hsl(83 62% 86%)
- HWB
- hwb(83 77% 5%)
- OKLCH
- oklch(0.934 0.062 124.4)
- OKLab
- oklab(0.934 -0.035 0.051)
- CIE Lab
- lab(93.01 -11.53 19.84)
- LCH
- lch(93.01 22.95 120.1)
- CMYK
- cmyk(7% 0% 19% 5%)
틴트 · 셰이드 · 톤
틴트
- E3F2CA
- E6F4D0
- E9F5D6
- ECF7DC
- EFF8E2
- F2FAE8
- F6FBED
- F9FCF3
- FCFEF9
셰이드
- C3D2AA
- A6B391
- 8A9578
- 707961
- 565D4A
- 3E4335
- 272B21
- 12140E
- 020302
톤
- D6E5BD
- CCD9B6
- C2CEAF
- B8C2A9
- AFB7A2
- A5AC9B
- 9CA194
- 92968D
- 898B87
색 조화
보색 +180°
- E0F1C4
Green Veil
- EFE3FF
≈ Minute Mauve
유사색 -30° +30°
- E0F1C4
Green Veil
- F6E9BB
≈ Pale Adobe
- CAF6D7
≈ Mint Gloss
삼각 배색 +120° +240°
- E0F1C4
Green Veil
- D7ECFF
≈ Cloudless
- FFE0E6
≈ Pink Pleasure
분열 보색 +150° +210°
- E0F1C4
Green Veil
- E2E8FF
≈ Cyber Lavender
- FFDDF7
≈ Silky Pink
사각 배색 +90° +180° +270°
- E0F1C4
Green Veil
- C2F3FF
≈ Heaven’s Gate
- EFE3FF
≈ Minute Mauve
- FFE2DA
≈ Peach Cloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.54:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--green-veil: #e0f1c4;
--green-veil-rgb: 224 241 196;
--green-veil-oklch: oklch(0.934 0.062 124.4);
}
.element {
color: var(--green-veil);
background-color: hsl(83 62% 86%);
border-color: oklch(0.934 0.062 124.4);
}Tailwind CSS v4
@theme {
--color-green-veil: #e0f1c4;
--color-green-veil-50: #f0f9e6;
--color-green-veil-100: #e2ecd6;
--color-green-veil-200: #cddabd;
--color-green-veil-300: #afbe9c;
--color-green-veil-400: #96a57d;
--color-green-veil-500: #7d8e60;
--color-green-veil-600: #6a7852;
--color-green-veil-700: #556041;
--color-green-veil-800: #3e462e;
--color-green-veil-900: #2b301f;
--color-green-veil-950: #181d0f;
}SCSS
$green-veil: #e0f1c4;
$green-veil-rgb: 224, 241, 196;
$green-veil-light: mix(#fff, $green-veil, 20%);
$green-veil-dark: mix(#000, $green-veil, 20%);
.element {
color: $green-veil;
box-shadow: 0 0 0 2px rgba($green-veil, 0.35);
}