Cor nomeada · #2DB0CE
Aquarius
Aquarius é #2DB0CE: rgb(45 176 206), hsl(191 64% 49%), oklch(0.702 0.115 217.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Aquarius color name →
#2DB0CE
oklch(0.702 0.115 217.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 4EB8D3
- 67C0D8
- 7CC8DD
- 91D0E2
- A4D8E7
- B7E0EC
- C9E8F1
- DBF0F6
- EDF7FA
Sombras
- 2699B3
- 1F8298
- 186C7F
- 115666
- 0B424E
- 062E38
- 021C23
- 010B0F
- 000102
Tons
- 3FABC6
- 4CA7BE
- 56A2B6
- 5F9DAF
- 6699A7
- 6D949F
- 728F97
- 778A8F
- 7C8588
Harmonias de cor
Complementar +180°
- 2DB0CE
Aquarius
- DC846A
≈ Indian Princess
Análoga -30° +30°
- 2DB0CE
Aquarius
- 25B6AC
≈ Message Green
- 60A5E3
≈ Windjammer
Tríade +120° +240°
- 2DB0CE
Aquarius
- CD82B9
≈ Peruvian Lily
- B39F42
≈ Tiki Torch
Complementar dividida +150° +210°
- 2DB0CE
Aquarius
- DC7F92
≈ I Love You Pink
- CF9049
≈ Hey Honey!
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.55:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.21:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
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);
}