Cor nomeada mais próxima · #00B0C9
#00B0C9
Cor nomeada mais próxima: Aquarius
#00B0C9 (rgb(0 176 201), hsl(187 100% 39%), oklch(0.695 0.121 212.4)) é mais próxima da cor nomeada Aquarius. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00B0C9
oklch(0.695 0.121 212.4)
Conversões de cor
- HEX
- #00b0c9
- RGB
- rgb(0 176 201)
- HSL
- hsl(187 100% 39%)
- HWB
- hwb(187 0% 21%)
- OKLCH
- oklch(0.695 0.121 212.4)
- OKLab
- oklab(0.695 -0.102 -0.065)
- CIE Lab
- lab(65.49 -32.08 -24.02)
- LCH
- lch(65.49 40.08 216.8)
- CMYK
- cmyk(100% 12% 0% 21%)
Tons claros · Sombras · Tons
Tons claros
- 3FB8CF
- 5CC0D4
- 75C8DA
- 8AD0DF
- 9FD8E4
- B3E0EA
- C6E8EF
- D9F0F4
- ECF7FA
Sombras
- 0099AE
- 008295
- 006C7C
- 005664
- 00424C
- 002E36
- 001C22
- 000B0F
- 000102
Tons
- 2DABC2
- 40A7BA
- 4EA2B3
- 589DAC
- 6199A4
- 69949D
- 708F96
- 768A8E
- 7B8587
Harmonias de cor
Complementar +180°
- 00B0C9
Aquarius
- DE7F6C
≈ Wet Pottery Clay
Análoga -30° +30°
- 00B0C9
Aquarius
- 15B5A3
≈ Aare River
- 50A5E2
≈ High Blue
Tríade +120° +240°
- 00B0C9
Aquarius
- C980BE
≈ Peruvian Lily
- B79A36
≈ Gold Taffeta
Complementar dividida +150° +210°
- 00B0C9
Aquarius
- DA7B96
≈ Impatient Pink
- D28B46
≈ Hazelnut Coffee
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.60:1 · APCA Lc 50
Ag
AAASobre preto
WCAG 8.05:1 · APCA Lc 52
Melhor cor de texto: #000000
WCAG 8.05:1 (AAA) · APCA Lc 52
Contrast pairs
Trechos de código
CSS
:root {
--aquarius: #00b0c9;
--aquarius-rgb: 0 176 201;
--aquarius-oklch: oklch(0.695 0.121 212.4);
}
.element {
color: var(--aquarius);
background-color: hsl(187 100% 39%);
border-color: oklch(0.695 0.121 212.4);
}Tailwind CSS v4
@theme {
--color-aquarius: #00b0c9;
--color-aquarius-50: #cfffff;
--color-aquarius-100: #baf3ff;
--color-aquarius-200: #96e2f4;
--color-aquarius-300: #65c7de;
--color-aquarius-400: #24b1c8;
--color-aquarius-500: #009ab5;
--color-aquarius-600: #008299;
--color-aquarius-700: #00687b;
--color-aquarius-800: #004d5a;
--color-aquarius-900: #00353f;
--color-aquarius-950: #002028;
}SCSS
$aquarius: #00b0c9;
$aquarius-rgb: 0, 176, 201;
$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);
}