이름 색상 · #66CCFF
Skyan
Skyan은(는) #66CCFF: rgb(102 204 255), hsl(200 100% 70%), oklch(0.804 0.119 232.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Skyan color name →
#66CCFF
oklch(0.804 0.119 232.7)
색상 변환
- HEX
- #66ccff
- RGB
- rgb(102 204 255)
- HSL
- hsl(200 100% 70%)
- HWB
- hwb(200 40% 0%)
- OKLCH
- oklch(0.804 0.119 232.7)
- OKLab
- oklab(0.804 -0.072 -0.095)
- CIE Lab
- lab(77.46 -19.81 -34.69)
- LCH
- lch(77.46 39.94 240.3)
- CMYK
- cmyk(60% 20% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- 79D1FF
- 8AD7FF
- 9ADCFF
- A9E1FF
- B8E6FF
- C7EBFF
- D5F0FF
- E3F5FF
- F1FAFF
셰이드
- 58B1DE
- 4A97BE
- 3C7E9E
- 2F6580
- 234E63
- 173748
- 0C222E
- 040F16
- 000203
톤
- 6BC4F2
- 70BDE5
- 74B5D8
- 77AECB
- 7AA6BE
- 7C9EB2
- 7D97A5
- 7F8F99
- 7F888C
색 조화
보색 +180°
- 66CCFF
Skyan
- FCA974
≈ Salmon Buff
유사색 -30° +30°
- 66CCFF
Skyan
- 47D5E1
≈ Aztec Turquoise
- 9DBFFF
≈ Pastel Blue
삼각 배색 +120° +240°
분열 보색 +150° +210°
- 66CCFF
Skyan
- FFA29E
≈ Pink Dream
- E5B85E
≈ Mr Mustard
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.64:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--skyan: #66ccff;
--skyan-rgb: 102 204 255;
--skyan-oklch: oklch(0.804 0.119 232.7);
}
.element {
color: var(--skyan);
background-color: hsl(200 100% 70%);
border-color: oklch(0.804 0.119 232.7);
}Tailwind CSS v4
@theme {
--color-skyan: #66ccff;
--color-skyan-50: #d5fcff;
--color-skyan-100: #c2efff;
--color-skyan-200: #a2ddff;
--color-skyan-300: #77c2ec;
--color-skyan-400: #49aad9;
--color-skyan-500: #0092c7;
--color-skyan-600: #007ca8;
--color-skyan-700: #046387;
--color-skyan-800: #004964;
--color-skyan-900: #013346;
--color-skyan-950: #001e2e;
}SCSS
$skyan: #66ccff;
$skyan-rgb: 102, 204, 255;
$skyan-light: mix(#fff, $skyan, 20%);
$skyan-dark: mix(#000, $skyan, 20%);
.element {
color: $skyan;
box-shadow: 0 0 0 2px rgba($skyan, 0.35);
}