이름 색상 · #C9EAD4
Glacial Water Green
Glacial Water Green은(는) #C9EAD4: rgb(201 234 212), hsl(140 44% 85%), oklch(0.907 0.046 156.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Glacial Water Green color name →
#C9EAD4
oklch(0.907 0.046 156.2)
색상 변환
- HEX
- #c9ead4
- RGB
- rgb(201 234 212)
- HSL
- hsl(140 44% 85%)
- HWB
- hwb(140 79% 8%)
- OKLCH
- oklch(0.907 0.046 156.2)
- OKLab
- oklab(0.907 -0.042 0.018)
- CIE Lab
- lab(89.85 -14.31 6.92)
- LCH
- lch(89.85 15.9 154.2)
- CMYK
- cmyk(14% 0% 9% 8%)
틴트 · 셰이드 · 톤
틴트
- CEECD8
- D4EEDD
- D9F0E1
- DFF2E5
- E4F5E9
- EAF7EE
- EFF9F2
- F4FBF6
- FAFDFB
셰이드
- AECBB8
- 95AE9D
- 7C9183
- 647569
- 4C5A51
- 36413A
- 222924
- 0F1310
- 020302
톤
- C2DFCB
- BAD4C3
- B3C9BA
- ABBEB2
- A4B4A9
- 9DA9A1
- 969F98
- 8E9490
- 878A88
색 조화
보색 +180°
- C9EAD4
Glacial Water Green
- F5D5EC
≈ Infatuation
유사색 -30° +30°
- C9EAD4
Glacial Water Green
- D9E6C6
≈ Flower Bulb
- BFEBE5
≈ Pool Party
삼각 배색 +120° +240°
- C9EAD4
Glacial Water Green
- D8DFFF
≈ Transparent Blue
- FDD7CC
≈ Shell Tint
분열 보색 +150° +210°
- C9EAD4
Glacial Water Green
- E8D9F9
≈ Pouty Purple
- FCD4DB
≈ Pink Fluorite
사각 배색 +90° +180° +270°
- C9EAD4
Glacial Water Green
- C9E4FE
≈ Fresh Water
- F5D5EC
≈ Infatuation
- F6DBC1
≈ Pumpkin Essence
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.20:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--glacial-water-green: #c9ead4;
--glacial-water-green-rgb: 201 234 212;
--glacial-water-green-oklch: oklch(0.907 0.046 156.2);
}
.element {
color: var(--glacial-water-green);
background-color: hsl(140 44% 85%);
border-color: oklch(0.907 0.046 156.2);
}Tailwind CSS v4
@theme {
--color-glacial-water-green: #c9ead4;
--color-glacial-water-green-50: #ebf9f0;
--color-glacial-water-green-100: #dcede2;
--color-glacial-water-green-200: #c5dbcd;
--color-glacial-water-green-300: #a5bfaf;
--color-glacial-water-green-400: #89a793;
--color-glacial-water-green-500: #6e907a;
--color-glacial-water-green-600: #5d7967;
--color-glacial-water-green-700: #4a6152;
--color-glacial-water-green-800: #36473b;
--color-glacial-water-green-900: #253129;
--color-glacial-water-green-950: #141d17;
}SCSS
$glacial-water-green: #c9ead4;
$glacial-water-green-rgb: 201, 234, 212;
$glacial-water-green-light: mix(#fff, $glacial-water-green, 20%);
$glacial-water-green-dark: mix(#000, $glacial-water-green, 20%);
.element {
color: $glacial-water-green;
box-shadow: 0 0 0 2px rgba($glacial-water-green, 0.35);
}