命名颜色 · #A6D0D6
Cay
Cay 即 #A6D0D6：rgb(166 208 214)、hsl(188 37% 75%)、oklch(0.83 0.045 207)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Cay color name →
#A6D0D6
oklch(0.83 0.045 207)
颜色转换
- HEX
- #a6d0d6
- RGB
- rgb(166 208 214)
- HSL
- hsl(188 37% 75%)
- HWB
- hwb(188 65% 16%)
- OKLCH
- oklch(0.83 0.045 207)
- OKLab
- oklab(0.83 -0.04 -0.02)
- CIE Lab
- lab(80.62 -13.31 -7.78)
- LCH
- lch(80.62 15.42 210.3)
- CMYK
- cmyk(22% 3% 0% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- AFD5DA
- B8D9DE
- C1DEE2
- CAE3E6
- D3E7EA
- DBECEF
- E4F1F3
- EDF6F7
- F6FAFB
深色调
- 90B5BA
- 7A9A9E
- 658084
- 51676A
- 3E4F52
- 2B393B
- 1A2325
- 0A1010
- 010202
灰色调
- A2C8CD
- 9FC0C4
- 9BB7BB
- 97AFB3
- 94A7AA
- 909FA1
- 8C9799
- 888F91
- 848888
配色和谐
互补色 +180°
- A6D0D6
Cay
- E3BDB8
≈ Balcony Rose
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.66:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.61:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--cay: #a6d0d6;
--cay-rgb: 166 208 214;
--cay-oklch: oklch(0.83 0.045 207);
}
.element {
color: var(--cay);
background-color: hsl(188 37% 75%);
border-color: oklch(0.83 0.045 207);
}Tailwind CSS v4
@theme {
--color-cay: #a6d0d6;
--color-cay-50: #e7f9fc;
--color-cay-100: #d8ecf0;
--color-cay-200: #bfdadf;
--color-cay-300: #9ebec4;
--color-cay-400: #80a6ac;
--color-cay-500: #628f95;
--color-cay-600: #54797e;
--color-cay-700: #436165;
--color-cay-800: #30474a;
--color-cay-900: #203133;
--color-cay-950: #101d1f;
}SCSS
$cay: #a6d0d6;
$cay-rgb: 166, 208, 214;
$cay-light: mix(#fff, $cay, 20%);
$cay-dark: mix(#000, $cay, 20%);
.element {
color: $cay;
box-shadow: 0 0 0 2px rgba($cay, 0.35);
}