이름 색상 · #C7DAED
Arctic Rain
Arctic Rain은(는) #C7DAED: rgb(199 218 237), hsl(210 51% 85%), oklch(0.88 0.033 248.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Arctic Rain color name →
#C7DAED
oklch(0.88 0.033 248.2)
색상 변환
- HEX
- #c7daed
- RGB
- rgb(199 218 237)
- HSL
- hsl(210 51% 85%)
- HWB
- hwb(210 78% 7%)
- OKLCH
- oklch(0.88 0.033 248.2)
- OKLab
- oklab(0.88 -0.012 -0.031)
- CIE Lab
- lab(86.06 -3.71 -11.62)
- LCH
- lch(86.06 12.2 252.3)
- CMYK
- cmyk(16% 8% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- CDDEEF
- D2E1F1
- D8E5F2
- DDE9F4
- E3ECF6
- E8F0F8
- EEF4FA
- F4F8FB
- F9FBFD
셰이드
- ADBDCE
- 93A2B0
- 7A8793
- 626C77
- 4C545C
- 363C42
- 21252A
- 0E1114
- 020203
톤
- C0D1E2
- B8C7D6
- B1BECB
- AAB5C0
- A3ACB5
- 9CA3AA
- 959A9F
- 8E9195
- 87898A
색 조화
보색 +180°
- C7DAED
Arctic Rain
- E7D4C1
≈ Mother of Pearl
유사색 -30° +30°
- C7DAED
Arctic Rain
- C0DDE6
≈ Breezy
- D2D6EE
≈ Light Powdered Granite
삼각 배색 +120° +240°
- C7DAED
Arctic Rain
- ECCFD3
≈ Pink Pail
- D1DCC5
≈ Pale Moss Green
분열 보색 +150° +210°
- C7DAED
Arctic Rain
- ECD1C8
≈ Sugarcane
- DDD8C0
≈ Palm Heart Cream
사각 배색 +90° +180° +270°
- C7DAED
Arctic Rain
- E7D0DF
≈ Summer Clover
- E7D4C1
≈ Mother of Pearl
- C6DFCF
≈ Solitaire
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.67:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.67:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--arctic-rain: #c7daed;
--arctic-rain-rgb: 199 218 237;
--arctic-rain-oklch: oklch(0.88 0.033 248.2);
}
.element {
color: var(--arctic-rain);
background-color: hsl(210 51% 85%);
border-color: oklch(0.88 0.033 248.2);
}Tailwind CSS v4
@theme {
--color-arctic-rain: #c7daed;
--color-arctic-rain-50: #eef6ff;
--color-arctic-rain-100: #e0e9f3;
--color-arctic-rain-200: #cad6e2;
--color-arctic-rain-300: #abb9c8;
--color-arctic-rain-400: #90a1b2;
--color-arctic-rain-500: #75899c;
--color-arctic-rain-600: #637484;
--color-arctic-rain-700: #4f5c69;
--color-arctic-rain-800: #39444d;
--color-arctic-rain-900: #272f36;
--color-arctic-rain-950: #151b21;
}SCSS
$arctic-rain: #c7daed;
$arctic-rain-rgb: 199, 218, 237;
$arctic-rain-light: mix(#fff, $arctic-rain, 20%);
$arctic-rain-dark: mix(#000, $arctic-rain, 20%);
.element {
color: $arctic-rain;
box-shadow: 0 0 0 2px rgba($arctic-rain, 0.35);
}