이름 색상 · #C2E1EC
Cotton Clouds
Cotton Clouds은(는) #C2E1EC: rgb(194 225 236), hsl(196 53% 84%), oklch(0.891 0.036 221.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Cotton Clouds color name →
#C2E1EC
oklch(0.891 0.036 221.2)
색상 변환
- HEX
- #c2e1ec
- RGB
- rgb(194 225 236)
- HSL
- hsl(196 53% 84%)
- HWB
- hwb(196 76% 7%)
- OKLCH
- oklch(0.891 0.036 221.2)
- OKLab
- oklab(0.891 -0.027 -0.024)
- CIE Lab
- lab(87.52 -8.86 -9)
- LCH
- lch(87.52 12.63 225.4)
- CMYK
- cmyk(18% 5% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- C8E4EE
- CEE7F0
- D4EAF2
- DAEDF4
- E1F0F6
- E7F3F7
- EDF6F9
- F3F9FB
- F9FCFD
셰이드
- A8C4CD
- 8FA7AF
- 778B92
- 607076
- 49565B
- 343E42
- 202729
- 0E1213
- 020203
톤
- BBD7E1
- B5CDD5
- AEC3CA
- A7B9BF
- A1AFB5
- 9AA6AA
- 949C9F
- 8D9395
- 86898A
색 조화
보색 +180°
- C2E1EC
Cotton Clouds
- F1D4C9
≈ Pink Sentiment
유사색 -30° +30°
- C2E1EC
Cotton Clouds
- C1E3E1
≈ Yù Shí Bái White
- CADDF3
≈ Tuğçe Silver
삼각 배색 +120° +240°
- C2E1EC
Cotton Clouds
- EDD2E2
≈ Champagne Elegance
- E0DCC1
≈ Silver Fern
분열 보색 +150° +210°
- C2E1EC
Cotton Clouds
- F2D2D5
≈ Impatiens Petal
- EBD8C2
≈ Antique Parchment
사각 배색 +90° +180° +270°
- C2E1EC
Cotton Clouds
- E3D5ED
≈ First Lilac
- F1D4C9
≈ Pink Sentiment
- D3E0C8
≈ Endive
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.37:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.27:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--cotton-clouds: #c2e1ec;
--cotton-clouds-rgb: 194 225 236;
--cotton-clouds-oklch: oklch(0.891 0.036 221.2);
}
.element {
color: var(--cotton-clouds);
background-color: hsl(196 53% 84%);
border-color: oklch(0.891 0.036 221.2);
}Tailwind CSS v4
@theme {
--color-cotton-clouds: #c2e1ec;
--color-cotton-clouds-50: #ebf8fd;
--color-cotton-clouds-100: #dcebf1;
--color-cotton-clouds-200: #c5d8e0;
--color-cotton-clouds-300: #a4bcc5;
--color-cotton-clouds-400: #88a4ae;
--color-cotton-clouds-500: #6c8c97;
--color-cotton-clouds-600: #5c7780;
--color-cotton-clouds-700: #495f66;
--color-cotton-clouds-800: #35464b;
--color-cotton-clouds-900: #243034;
--color-cotton-clouds-950: #131c1f;
}SCSS
$cotton-clouds: #c2e1ec;
$cotton-clouds-rgb: 194, 225, 236;
$cotton-clouds-light: mix(#fff, $cotton-clouds, 20%);
$cotton-clouds-dark: mix(#000, $cotton-clouds, 20%);
.element {
color: $cotton-clouds;
box-shadow: 0 0 0 2px rgba($cotton-clouds, 0.35);
}