이름 색상 · #D2E8D8
Moonlight Green
Moonlight Green은(는) #D2E8D8: rgb(210 232 216), hsl(136 32% 87%), oklch(0.91 0.032 154.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Moonlight Green color name →
#D2E8D8
oklch(0.91 0.032 154.1)
색상 변환
- HEX
- #d2e8d8
- RGB
- rgb(210 232 216)
- HSL
- hsl(136 32% 87%)
- HWB
- hwb(136 82% 9%)
- OKLCH
- oklch(0.91 0.032 154.1)
- OKLab
- oklab(0.91 -0.029 0.014)
- CIE Lab
- lab(90.02 -9.76 5.21)
- LCH
- lch(90.02 11.06 151.9)
- CMYK
- cmyk(9% 0% 7% 9%)
틴트 · 셰이드 · 톤
틴트
- D6EADC
- DBEDE0
- DFEFE4
- E4F1E7
- E8F4EB
- EDF6EF
- F1F8F3
- F6FAF7
- FAFDFB
셰이드
- B6CABC
- 9BACA0
- 819085
- 68746B
- 505953
- 39403B
- 242925
- 101311
- 020302
톤
- CADDCF
- C1D2C6
- B9C8BD
- B0BDB4
- A8B3AB
- A0A8A2
- 989E9A
- 909491
- 888A88
색 조화
보색 +180°
- D2E8D8
Moonlight Green
- EFDAEA
≈ Elfin Magic
유사색 -30° +30°
- D2E8D8
Moonlight Green
- DDE5CF
≈ Willow Brook
- CBE9E4
≈ Frosty White Blue
삼각 배색 +120° +240°
- D2E8D8
Moonlight Green
- DAE0F7
≈ Aquarelle Purple
- F6DAD4
≈ Pink Sangria
분열 보색 +150° +210°
- D2E8D8
Moonlight Green
- E6DDF3
≈ Lingering Lilac
- F5D9DF
≈ Fancy Pants
사각 배색 +90° +180° +270°
- D2E8D8
Moonlight Green
- D0E4F5
≈ New Heights
- EFDAEA
≈ Elfin Magic
- F1DECC
≈ Corallite
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.27:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.27:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--moonlight-green: #d2e8d8;
--moonlight-green-rgb: 210 232 216;
--moonlight-green-oklch: oklch(0.91 0.032 154.1);
}
.element {
color: var(--moonlight-green);
background-color: hsl(136 32% 87%);
border-color: oklch(0.91 0.032 154.1);
}Tailwind CSS v4
@theme {
--color-moonlight-green: #d2e8d8;
--color-moonlight-green-50: #eef8f1;
--color-moonlight-green-100: #e0ebe3;
--color-moonlight-green-200: #cad9cf;
--color-moonlight-green-300: #abbdb1;
--color-moonlight-green-400: #91a496;
--color-moonlight-green-500: #768d7d;
--color-moonlight-green-600: #64776a;
--color-moonlight-green-700: #505f54;
--color-moonlight-green-800: #3a463d;
--color-moonlight-green-900: #28302a;
--color-moonlight-green-950: #161c18;
}SCSS
$moonlight-green: #d2e8d8;
$moonlight-green-rgb: 210, 232, 216;
$moonlight-green-light: mix(#fff, $moonlight-green, 20%);
$moonlight-green-dark: mix(#000, $moonlight-green, 20%);
.element {
color: $moonlight-green;
box-shadow: 0 0 0 2px rgba($moonlight-green, 0.35);
}