이름 색상 · #C5EAD3
Delicate Frost
Delicate Frost은(는) #C5EAD3: rgb(197 234 211), hsl(143 47% 85%), oklch(0.904 0.05 158). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Delicate Frost color name →
#C5EAD3
oklch(0.904 0.05 158)
색상 변환
- HEX
- #c5ead3
- RGB
- rgb(197 234 211)
- HSL
- hsl(143 47% 85%)
- HWB
- hwb(143 77% 8%)
- OKLCH
- oklch(0.904 0.05 158)
- OKLab
- oklab(0.904 -0.046 0.019)
- CIE Lab
- lab(89.56 -15.8 6.99)
- LCH
- lch(89.56 17.27 156.1)
- CMYK
- cmyk(16% 0% 10% 8%)
틴트 · 셰이드 · 톤
틴트
- CBECD7
- D1EEDC
- D7F0E0
- DCF2E4
- E2F5E9
- E8F7ED
- EEF9F2
- F4FBF6
- F9FDFB
셰이드
- ABCBB7
- 92AE9C
- 799182
- 617569
- 4B5A51
- 35413A
- 212924
- 0E1310
- 020302
톤
- BEDFCA
- B7D4C2
- B0C9B9
- A9BEB1
- A2B4A9
- 9BA9A0
- 949F98
- 8E9490
- 878A88
색 조화
보색 +180°
- C5EAD3
Delicate Frost
- F6D3EB
≈ Little Smile
유사색 -30° +30°
- C5EAD3
Delicate Frost
- D6E6C3
≈ Green Vibes
- BBEBE5
≈ Luxor Blue
삼각 배색 +120° +240°
- C5EAD3
Delicate Frost
- D7DDFF
≈ Transparent Blue
- FED5C8
≈ Tiny Pink
분열 보색 +150° +210°
- C5EAD3
Delicate Frost
- E8D7F9
≈ Pouty Purple
- FED2D9
≈ Pink Fluorite
사각 배색 +90° +180° +270°
- C5EAD3
Delicate Frost
- C7E3FF
≈ Fresh Water
- F6D3EB
≈ Little Smile
- F6DABD
≈ Morning Blossom
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.08:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--delicate-frost: #c5ead3;
--delicate-frost-rgb: 197 234 211;
--delicate-frost-oklch: oklch(0.904 0.05 158);
}
.element {
color: var(--delicate-frost);
background-color: hsl(143 47% 85%);
border-color: oklch(0.904 0.05 158);
}Tailwind CSS v4
@theme {
--color-delicate-frost: #c5ead3;
--color-delicate-frost-50: #eafaf0;
--color-delicate-frost-100: #dbede2;
--color-delicate-frost-200: #c3dbcd;
--color-delicate-frost-300: #a2c0af;
--color-delicate-frost-400: #86a893;
--color-delicate-frost-500: #6a917a;
--color-delicate-frost-600: #5a7a67;
--color-delicate-frost-700: #486252;
--color-delicate-frost-800: #34483b;
--color-delicate-frost-900: #243229;
--color-delicate-frost-950: #131e16;
}SCSS
$delicate-frost: #c5ead3;
$delicate-frost-rgb: 197, 234, 211;
$delicate-frost-light: mix(#fff, $delicate-frost, 20%);
$delicate-frost-dark: mix(#000, $delicate-frost, 20%);
.element {
color: $delicate-frost;
box-shadow: 0 0 0 2px rgba($delicate-frost, 0.35);
}