命名颜色 · #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);
}