最接近的命名颜色 · #67CBE0
#67CBE0
最接近的命名颜色: Skydive
#67CBE0（rgb(103 203 224)、hsl(190 66% 64%)、oklch(0.79 0.098 213.2)）最接近命名颜色 Skydive。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#67CBE0
oklch(0.79 0.098 213.2)
颜色转换
- HEX
- #67cbe0
- RGB
- rgb(103 203 224)
- HSL
- hsl(190 66% 64%)
- HWB
- hwb(190 40% 12%)
- OKLCH
- oklch(0.79 0.098 213.2)
- OKLab
- oklab(0.79 -0.082 -0.054)
- CIE Lab
- lab(76.28 -26.18 -19.95)
- LCH
- lch(76.28 32.92 217.3)
- CMYK
- cmyk(54% 9% 0% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- 79D0E3
- 8AD6E6
- 9ADBEA
- A9E0ED
- B8E5F0
- C7EBF3
- D5F0F6
- E3F5F9
- F1FAFC
深色调
- 59B0C3
- 4B96A6
- 3D7D8A
- 306570
- 234D56
- 17373E
- 0C2227
- 040F12
- 000202
灰色调
- 6CC3D6
- 71BCCC
- 74B4C2
- 77ADB9
- 7AA5AF
- 7C9EA6
- 7D969C
- 7F8F93
- 7F8789
配色和谐
互补色 +180°
- 67CBE0
Skydive
- F2A392
≈ Stone Fruit
类似色 -30° +30°
- 67CBE0
Skydive
- 6ACFC0
≈ Dip in the Pool
- 82C2F5
≈ Maya Blue
三角配色 +120° +240°
- 67CBE0
Skydive
- E1A3D5
≈ Exotic Violet
- D0B96F
≈ Sweet Mustard
分裂互补色 +150° +210°
- 67CBE0
Skydive
- F0A0B4
≈ Emperor’s Children
- E7AD77
≈ Autumn Gourd
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.87:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.19:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.19:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--skydive: #67cbe0;
--skydive-rgb: 103 203 224;
--skydive-oklch: oklch(0.79 0.098 213.2);
}
.element {
color: var(--skydive);
background-color: hsl(190 66% 64%);
border-color: oklch(0.79 0.098 213.2);
}Tailwind CSS v4
@theme {
--color-skydive: #67cbe0;
--color-skydive-50: #d7fdff;
--color-skydive-100: #c4f1fd;
--color-skydive-200: #a4e0ef;
--color-skydive-300: #7ac5d7;
--color-skydive-400: #4faec1;
--color-skydive-500: #0696ad;
--color-skydive-600: #107f92;
--color-skydive-700: #0f6675;
--color-skydive-800: #064b56;
--color-skydive-900: #05343c;
--color-skydive-950: #001f26;
}SCSS
$skydive: #67cbe0;
$skydive-rgb: 103, 203, 224;
$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);
}