最接近的命名颜色 · #61C0D4
#61C0D4
最接近的命名颜色: Skydive
#61C0D4（rgb(97 192 212)、hsl(190 57% 61%)、oklch(0.757 0.094 213.2)）最接近命名颜色 Skydive。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#61C0D4
oklch(0.757 0.094 213.2)
颜色转换
- HEX
- #61c0d4
- RGB
- rgb(97 192 212)
- HSL
- hsl(190 57% 61%)
- HWB
- hwb(190 38% 17%)
- OKLCH
- oklch(0.757 0.094 213.2)
- OKLab
- oklab(0.757 -0.079 -0.051)
- CIE Lab
- lab(72.52 -25.12 -19.18)
- LCH
- lch(72.52 31.6 217.4)
- CMYK
- cmyk(54% 9% 0% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- 74C6D8
- 85CDDD
- 95D3E1
- A5DAE5
- B5E0EA
- C4E6EE
- D3ECF2
- E2F3F7
- F0F9FB
深色调
- 53A7B8
- 468E9D
- 397683
- 2D5F69
- 214951
- 15343A
- 0B2024
- 030E10
- 000202
灰色调
- 67BACB
- 6CB3C3
- 70ADBA
- 73A6B2
- 77A0A9
- 799AA1
- 7B9399
- 7D8D90
- 7F8688
配色和谐
互补色 +180°
- 61C0D4
Skydive
- E59A8A
≈ Shrimp
类似色 -30° +30°
- 61C0D4
Skydive
- 64C4B6
≈ Miami Teal
- 7AB7E8
≈ Aero
三角配色 +120° +240°
- 61C0D4
Skydive
- D59ACA
≈ Girl Power
- C4AF69
≈ Champagne Grape
分裂互补色 +150° +210°
- 61C0D4
Skydive
- E397AA
≈ Rose Delight
- DBA370
≈ Western Sunrise
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.10:1 · APCA Lc 41
Ag
AAA黑底
WCAG 9.99:1 · APCA Lc 61
最佳文字颜色: #000000
WCAG 9.99:1 (AAA) · APCA Lc 61
Contrast pairs
代码片段
CSS
:root {
--skydive: #61c0d4;
--skydive-rgb: 97 192 212;
--skydive-oklch: oklch(0.757 0.094 213.2);
}
.element {
color: var(--skydive);
background-color: hsl(190 57% 61%);
border-color: oklch(0.757 0.094 213.2);
}Tailwind CSS v4
@theme {
--color-skydive: #61c0d4;
--color-skydive-50: #d8fdff;
--color-skydive-100: #c5f1fc;
--color-skydive-200: #a6dfee;
--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: #61c0d4;
$skydive-rgb: 97, 192, 212;
$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);
}