이름 색상 · #C9E2CF
Enchanted
Enchanted은(는) #C9E2CF: rgb(201 226 207), hsl(134 30% 84%), oklch(0.889 0.037 152.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Enchanted color name →
#C9E2CF
oklch(0.889 0.037 152.8)
색상 변환
- HEX
- #c9e2cf
- RGB
- rgb(201 226 207)
- HSL
- hsl(134 30% 84%)
- HWB
- hwb(134 79% 11%)
- OKLCH
- oklch(0.889 0.037 152.8)
- OKLab
- oklab(0.889 -0.033 0.017)
- CIE Lab
- lab(87.63 -11.25 6.38)
- LCH
- lch(87.63 12.93 150.5)
- CMYK
- cmyk(11% 0% 8% 11%)
틴트 · 셰이드 · 톤
틴트
- CEE5D4
- D4E8D8
- D9EBDD
- DFEEE2
- E4F0E7
- E9F3EC
- EFF6F0
- F4F9F5
- FAFCFA
셰이드
- AEC4B4
- 95A899
- 7C8C7F
- 647167
- 4C574F
- 363E38
- 222723
- 0F1210
- 020302
톤
- C1D8C7
- BACEBF
- B3C4B7
- ABBAAF
- A4B0A7
- 9DA69F
- 959C97
- 8E938F
- 878988
색 조화
보색 +180°
- C9E2CF
Enchanted
- EAD2E5
≈ Champagne Elegance
유사색 -30° +30°
- C9E2CF
Enchanted
- D6DFC4
≈ Dream Seascape
- C1E3DC
≈ Tidewater
삼각 배색 +120° +240°
- C9E2CF
Enchanted
- D2D9F4
≈ Flax Bloom
- F2D2CB
≈ Texas Rose
분열 보색 +150° +210°
- C9E2CF
Enchanted
- DFD5EF
≈ Japan Blush
- F1D1D8
≈ Impatiens Petal
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.26:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.26:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--enchanted: #c9e2cf;
--enchanted-rgb: 201 226 207;
--enchanted-oklch: oklch(0.889 0.037 152.8);
}
.element {
color: var(--enchanted);
background-color: hsl(134 30% 84%);
border-color: oklch(0.889 0.037 152.8);
}Tailwind CSS v4
@theme {
--color-enchanted: #c9e2cf;
--color-enchanted-50: #edf8f0;
--color-enchanted-100: #dfece2;
--color-enchanted-200: #c9d9cd;
--color-enchanted-300: #a9bdaf;
--color-enchanted-400: #8fa594;
--color-enchanted-500: #748e7b;
--color-enchanted-600: #627868;
--color-enchanted-700: #4f6053;
--color-enchanted-800: #39463c;
--color-enchanted-900: #273129;
--color-enchanted-950: #151d17;
}SCSS
$enchanted: #c9e2cf;
$enchanted-rgb: 201, 226, 207;
$enchanted-light: mix(#fff, $enchanted, 20%);
$enchanted-dark: mix(#000, $enchanted, 20%);
.element {
color: $enchanted;
box-shadow: 0 0 0 2px rgba($enchanted, 0.35);
}