命名颜色 · #C6D6D7
Skydiving
Skydiving 即 #C6D6D7：rgb(198 214 215)、hsl(184 18% 81%)、oklch(0.864 0.017 201.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Skydiving color name →
#C6D6D7
oklch(0.864 0.017 201.4)
颜色转换
- HEX
- #c6d6d7
- RGB
- rgb(198 214 215)
- HSL
- hsl(184 18% 81%)
- HWB
- hwb(184 78% 16%)
- OKLCH
- oklch(0.864 0.017 201.4)
- OKLab
- oklab(0.864 -0.016 -0.006)
- CIE Lab
- lab(84.43 -5.43 -2.44)
- LCH
- lch(84.43 5.96 204.2)
- CMYK
- cmyk(8% 0% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- CCDADB
- D1DEDF
- D7E2E3
- DDE6E7
- E2EAEB
- E8EEEF
- EEF3F3
- F3F7F7
- F9FBFB
深色调
- ACBABB
- 929E9F
- 7A8485
- 626A6B
- 4B5252
- 353B3B
- 212525
- 0E1011
- 020202
灰色调
- BFCDCE
- B8C4C5
- B0BBBC
- A9B3B3
- A2AAAA
- 9BA1A2
- 949999
- 8E9191
- 878888
配色和谐
互补色 +180°
- C6D6D7
Skydiving
- DECECD
≈ Light Hint of Lavender
类似色 -30° +30°
- C6D6D7
Skydiving
- C8D6D1
≈ Powdered Pool
- C8D5DC
≈ Nearsighted
三角配色 +120° +240°
- C6D6D7
Skydiving
- D8CFD9
≈ Light Puffball
- D8D1C6
≈ Rotunda White
分裂互补色 +150° +210°
- C6D6D7
Skydiving
- DCCED4
≈ Stardust Ballroom
- DCCFC8
≈ Mushroom Risotto
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.00:1 · APCA Lc 80
最佳文字颜色: #000000
WCAG 14.00:1 (AAA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--skydiving: #c6d6d7;
--skydiving-rgb: 198 214 215;
--skydiving-oklch: oklch(0.864 0.017 201.4);
}
.element {
color: var(--skydiving);
background-color: hsl(184 18% 81%);
border-color: oklch(0.864 0.017 201.4);
}Tailwind CSS v4
@theme {
--color-skydiving: #c6d6d7;
--color-skydiving-50: #f0f7f7;
--color-skydiving-100: #e2eaea;
--color-skydiving-200: #ccd6d7;
--color-skydiving-300: #aebabb;
--color-skydiving-400: #93a2a3;
--color-skydiving-500: #798a8b;
--color-skydiving-600: #677575;
--color-skydiving-700: #525d5e;
--color-skydiving-800: #3c4445;
--color-skydiving-900: #292f2f;
--color-skydiving-950: #171c1c;
}SCSS
$skydiving: #c6d6d7;
$skydiving-rgb: 198, 214, 215;
$skydiving-light: mix(#fff, $skydiving, 20%);
$skydiving-dark: mix(#000, $skydiving, 20%);
.element {
color: $skydiving;
box-shadow: 0 0 0 2px rgba($skydiving, 0.35);
}