이름 색상 · #66C6D0
Paradise Sky
Paradise Sky은(는) #66C6D0: rgb(102 198 208), hsl(186 53% 61%), oklch(0.772 0.092 204.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Paradise Sky color name →
#66C6D0
oklch(0.772 0.092 204.4)
색상 변환
- HEX
- #66c6d0
- RGB
- rgb(102 198 208)
- HSL
- hsl(186 53% 61%)
- HWB
- hwb(186 40% 18%)
- OKLCH
- oklch(0.772 0.092 204.4)
- OKLab
- oklab(0.772 -0.083 -0.038)
- CIE Lab
- lab(74.36 -27.56 -14.25)
- LCH
- lch(74.36 31.03 207.3)
- CMYK
- cmyk(51% 5% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- 78CCD5
- 89D2D9
- 99D7DE
- A8DDE3
- B7E3E8
- C6E9EC
- D4EEF1
- E3F4F6
- F1F9FA
셰이드
- 58ACB5
- 4A929A
- 3C7A80
- 2F6267
- 234B4F
- 173539
- 0C2123
- 040E10
- 000202
톤
- 6BBFC8
- 6FB8C0
- 73B1B7
- 76AAAF
- 79A3A7
- 7B9C9F
- 7D9597
- 7E8E90
- 7F8788
색 조화
보색 +180°
- 66C6D0
Paradise Sky
- EA9E98
≈ Cosy Summer Sunset
유사색 -30° +30°
- 66C6D0
Paradise Sky
- 71C8B1
≈ Meridian Star
- 78BFE7
≈ Costa Rica Blue
삼각 배색 +120° +240°
- 66C6D0
Paradise Sky
- D3A1D6
≈ Velvet Horizon
- D0B06F
≈ New Wheat
분열 보색 +150° +210°
- 66C6D0
Paradise Sky
- E49DB8
≈ Always Rosey
- E3A57C
≈ Orange Clay
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.98:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.55:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--paradise-sky: #66c6d0;
--paradise-sky-rgb: 102 198 208;
--paradise-sky-oklch: oklch(0.772 0.092 204.4);
}
.element {
color: var(--paradise-sky);
background-color: hsl(186 53% 61%);
border-color: oklch(0.772 0.092 204.4);
}Tailwind CSS v4
@theme {
--color-paradise-sky: #66c6d0;
--color-paradise-sky-50: #d8fdff;
--color-paradise-sky-100: #c5f1f7;
--color-paradise-sky-200: #a6e0e8;
--color-paradise-sky-300: #7dc5cf;
--color-paradise-sky-400: #54aeb8;
--color-paradise-sky-500: #1a97a2;
--color-paradise-sky-600: #1b8089;
--color-paradise-sky-700: #17676e;
--color-paradise-sky-800: #0d4c50;
--color-paradise-sky-900: #093438;
--color-paradise-sky-950: #002022;
}SCSS
$paradise-sky: #66c6d0;
$paradise-sky-rgb: 102, 198, 208;
$paradise-sky-light: mix(#fff, $paradise-sky, 20%);
$paradise-sky-dark: mix(#000, $paradise-sky, 20%);
.element {
color: $paradise-sky;
box-shadow: 0 0 0 2px rgba($paradise-sky, 0.35);
}