命名颜色 · #60BFD3
Skydive
Skydive 即 #60BFD3：rgb(96 191 211)、hsl(190 57% 60%)、oklch(0.754 0.094 213.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Skydive color name →
#60BFD3
oklch(0.754 0.094 213.2)
颜色转换
- HEX
- #60bfd3
- RGB
- rgb(96 191 211)
- HSL
- hsl(190 57% 60%)
- HWB
- hwb(190 38% 17%)
- OKLCH
- oklch(0.754 0.094 213.2)
- OKLab
- oklab(0.754 -0.079 -0.051)
- CIE Lab
- lab(72.16 -25.1 -19.18)
- LCH
- lch(72.16 31.59 217.4)
- CMYK
- cmyk(55% 9% 0% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- 73C6D7
- 84CCDC
- 95D2E0
- A5D9E5
- B4DFE9
- C3E6EE
- D2ECF2
- E1F2F6
- F0F9FB
深色调
- 52A6B7
- 458D9C
- 387582
- 2C5E69
- 204851
- 15333A
- 0A1F24
- 030D10
- 000202
灰色调
- 66B9CA
- 6BB2C2
- 6FACBA
- 73A6B1
- 769FA9
- 7999A1
- 7B9398
- 7D8D90
- 7F8688
配色和谐
互补色 +180°
- 60BFD3
Skydive
- E49989
≈ Shrimp
类似色 -30° +30°
- 60BFD3
Skydive
- 63C3B5
≈ Miami Teal
- 79B6E7
≈ Aero
三角配色 +120° +240°
- 60BFD3
Skydive
- D499C9
≈ Girl Power
- C3AE68
≈ Champagne Grape
分裂互补色 +150° +210°
- 60BFD3
Skydive
- E296A9
≈ Rose Delight
- DAA26F
≈ Western Sunrise
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.12:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.89:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.89:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--skydive: #60bfd3;
--skydive-rgb: 96 191 211;
--skydive-oklch: oklch(0.754 0.094 213.2);
}
.element {
color: var(--skydive);
background-color: hsl(190 57% 60%);
border-color: oklch(0.754 0.094 213.2);
}Tailwind CSS v4
@theme {
--color-skydive: #60bfd3;
--color-skydive-50: #d8fdff;
--color-skydive-100: #c5f1fc;
--color-skydive-200: #a7dfee;
--color-skydive-300: #7dc4d6;
--color-skydive-400: #54adc0;
--color-skydive-500: #1b96ab;
--color-skydive-600: #1c7f91;
--color-skydive-700: #176674;
--color-skydive-800: #0c4b55;
--color-skydive-900: #08343b;
--color-skydive-950: #001f25;
}SCSS
$skydive: #60bfd3;
$skydive-rgb: 96, 191, 211;
$skydive-light: mix(#fff, $skydive, 20%);
$skydive-dark: mix(#000, $skydive, 20%);
.element {
color: $skydive;
box-shadow: 0 0 0 2px rgba($skydive, 0.35);
}