命名颜色 · #2DB0CE
Aquarius
Aquarius 即 #2DB0CE：rgb(45 176 206)、hsl(191 64% 49%)、oklch(0.702 0.115 217.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Cyan mean? → · Aquarius color name →
#2DB0CE
oklch(0.702 0.115 217.4)
颜色转换
- HEX
- #2db0ce
- RGB
- rgb(45 176 206)
- HSL
- hsl(191 64% 49%)
- HWB
- hwb(191 18% 19%)
- OKLCH
- oklch(0.702 0.115 217.4)
- OKLab
- oklab(0.702 -0.092 -0.07)
- CIE Lab
- lab(66.1 -27.99 -25.79)
- LCH
- lch(66.1 38.06 222.7)
- CMYK
- cmyk(78% 15% 0% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- 4EB8D3
- 67C0D8
- 7CC8DD
- 91D0E2
- A4D8E7
- B7E0EC
- C9E8F1
- DBF0F6
- EDF7FA
深色调
- 2699B3
- 1F8298
- 186C7F
- 115666
- 0B424E
- 062E38
- 021C23
- 010B0F
- 000102
灰色调
- 3FABC6
- 4CA7BE
- 56A2B6
- 5F9DAF
- 6699A7
- 6D949F
- 728F97
- 778A8F
- 7C8588
配色和谐
互补色 +180°
- 2DB0CE
Aquarius
- DC846A
≈ Indian Princess
类似色 -30° +30°
- 2DB0CE
Aquarius
- 25B6AC
≈ Message Green
- 60A5E3
≈ Windjammer
三角配色 +120° +240°
- 2DB0CE
Aquarius
- CD82B9
≈ Peruvian Lily
- B39F42
≈ Tiki Torch
分裂互补色 +150° +210°
- 2DB0CE
Aquarius
- DC7F92
≈ I Love You Pink
- CF9049
≈ Hey Honey!
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.55:1 · APCA Lc 50
Ag
AAA黑底
WCAG 8.21:1 · APCA Lc 52
最佳文字颜色: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
代码片段
CSS
:root {
--aquarius: #2db0ce;
--aquarius-rgb: 45 176 206;
--aquarius-oklch: oklch(0.702 0.115 217.4);
}
.element {
color: var(--aquarius);
background-color: hsl(191 64% 49%);
border-color: oklch(0.702 0.115 217.4);
}Tailwind CSS v4
@theme {
--color-aquarius: #2db0ce;
--color-aquarius-50: #d2feff;
--color-aquarius-100: #bef2ff;
--color-aquarius-200: #9ce1f6;
--color-aquarius-300: #6ec6e0;
--color-aquarius-400: #38afcb;
--color-aquarius-500: #0097b8;
--color-aquarius-600: #00809b;
--color-aquarius-700: #00677d;
--color-aquarius-800: #004c5b;
--color-aquarius-900: #003540;
--color-aquarius-950: #002029;
}SCSS
$aquarius: #2db0ce;
$aquarius-rgb: 45, 176, 206;
$aquarius-light: mix(#fff, $aquarius, 20%);
$aquarius-dark: mix(#000, $aquarius, 20%);
.element {
color: $aquarius;
box-shadow: 0 0 0 2px rgba($aquarius, 0.35);
}