이름 색상 · #CCEBF5
Frosty Day
Frosty Day은(는) #CCEBF5: rgb(204 235 245), hsl(195 67% 88%), oklch(0.921 0.035 219.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Frosty Day color name →
#CCEBF5
oklch(0.921 0.035 219.2)
색상 변환
- HEX
- #ccebf5
- RGB
- rgb(204 235 245)
- HSL
- hsl(195 67% 88%)
- HWB
- hwb(195 80% 4%)
- OKLCH
- oklch(0.921 0.035 219.2)
- OKLab
- oklab(0.921 -0.027 -0.022)
- CIE Lab
- lab(91.02 -8.97 -8.45)
- LCH
- lch(91.02 12.32 223.3)
- CMYK
- cmyk(17% 4% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- D1EDF6
- D6EFF7
- DBF1F8
- E1F3F9
- E6F5FA
- EBF7FB
- F0F9FC
- F5FBFD
- FAFDFE
셰이드
- B1CCD5
- 97AEB6
- 7E9198
- 65757B
- 4E5B5F
- 374144
- 22292B
- 0F1315
- 020303
톤
- C4E0E9
- BCD5DD
- B5CAD1
- ADBFC5
- A6B4B9
- 9EA9AD
- 969FA2
- 8F9496
- 878A8B
색 조화
보색 +180°
- CCEBF5
Frosty Day
- FBDED4
≈ Botticelli Angel
유사색 -30° +30°
- CCEBF5
Frosty Day
- CBEDEA
≈ Icy Blue
- D4E7FC
≈ Veiling Waterfalls
삼각 배색 +120° +240°
- CCEBF5
Frosty Day
- F6DCED
≈ Cherry Flower
- EAE6CB
≈ Fresh Wood Ashes
분열 보색 +150° +210°
- CCEBF5
Frosty Day
- FBDCE0
≈ Marshmallow Heart
- F5E1CC
≈ Warm Fuzzies
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.76:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--frosty-day: #ccebf5;
--frosty-day-rgb: 204 235 245;
--frosty-day-oklch: oklch(0.921 0.035 219.2);
}
.element {
color: var(--frosty-day);
background-color: hsl(195 67% 88%);
border-color: oklch(0.921 0.035 219.2);
}Tailwind CSS v4
@theme {
--color-frosty-day: #ccebf5;
--color-frosty-day-50: #ebf8fc;
--color-frosty-day-100: #dcebf0;
--color-frosty-day-200: #c5d8df;
--color-frosty-day-300: #a5bcc4;
--color-frosty-day-400: #88a4ad;
--color-frosty-day-500: #6c8c96;
--color-frosty-day-600: #5c777f;
--color-frosty-day-700: #495f66;
--color-frosty-day-800: #35464a;
--color-frosty-day-900: #243034;
--color-frosty-day-950: #131c1f;
}SCSS
$frosty-day: #ccebf5;
$frosty-day-rgb: 204, 235, 245;
$frosty-day-light: mix(#fff, $frosty-day, 20%);
$frosty-day-dark: mix(#000, $frosty-day, 20%);
.element {
color: $frosty-day;
box-shadow: 0 0 0 2px rgba($frosty-day, 0.35);
}