Cor nomeada · #7CD8D6
Aqua Zing
Aqua Zing é #7CD8D6: rgb(124 216 214), hsl(179 54% 67%), oklch(0.825 0.088 193.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aqua Zing color name →
#7CD8D6
oklch(0.825 0.088 193.8)
Conversões de cor
- HEX
- #7cd8d6
- RGB
- rgb(124 216 214)
- HSL
- hsl(179 54% 67%)
- HWB
- hwb(179 49% 15%)
- OKLCH
- oklch(0.825 0.088 193.8)
- OKLab
- oklab(0.825 -0.086 -0.021)
- CIE Lab
- lab(80.62 -29.05 -8.08)
- LCH
- lch(80.62 30.16 195.6)
- CMYK
- cmyk(43% 0% 1% 15%)
Tons claros · Sombras · Tons
Tons claros
- 8BDCDA
- 99E0DE
- A7E4E2
- B4E8E6
- C1ECEA
- CEF0EF
- DAF4F3
- E7F7F7
- F3FBFB
Sombras
- 6BBCBA
- 5AA09E
- 4A8584
- 3B6B6A
- 2C5352
- 1E3B3B
- 112525
- 051110
- 010202
Tons
- 7ECFCD
- 80C6C4
- 81BDBB
- 82B4B3
- 82ABAA
- 83A3A1
- 829A99
- 829191
- 818988
Harmonias de cor
Complementar +180°
- 7CD8D6
Aqua Zing
- F9AEB4
≈ Bubblegum Pink
Análoga -30° +30°
- 7CD8D6
Aqua Zing
- 8FD8B6
≈ Vista Blue
- 83D3F0
≈ Pool Tiles
Tríade +120° +240°
- 7CD8D6
Aqua Zing
- DAB5EE
≈ Pink Illusion
- E8BD85
≈ Fragrant Coriander
Complementar dividida +150° +210°
- 7CD8D6
Aqua Zing
- EFAFD4
≈ Changeling Pink
- F7B497
≈ Mandys Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.65:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--aqua-zing: #7cd8d6;
--aqua-zing-rgb: 124 216 214;
--aqua-zing-oklch: oklch(0.825 0.088 193.8);
}
.element {
color: var(--aqua-zing);
background-color: hsl(179 54% 67%);
border-color: oklch(0.825 0.088 193.8);
}Tailwind CSS v4
@theme {
--color-aqua-zing: #7cd8d6;
--color-aqua-zing-50: #d9fefd;
--color-aqua-zing-100: #c7f2f1;
--color-aqua-zing-200: #a8e1e0;
--color-aqua-zing-300: #80c6c6;
--color-aqua-zing-400: #58afad;
--color-aqua-zing-500: #269897;
--color-aqua-zing-600: #238180;
--color-aqua-zing-700: #1c6766;
--color-aqua-zing-800: #134c4a;
--color-aqua-zing-900: #0c3533;
--color-aqua-zing-950: #00201f;
}SCSS
$aqua-zing: #7cd8d6;
$aqua-zing-rgb: 124, 216, 214;
$aqua-zing-light: mix(#fff, $aqua-zing, 20%);
$aqua-zing-dark: mix(#000, $aqua-zing, 20%);
.element {
color: $aqua-zing;
box-shadow: 0 0 0 2px rgba($aqua-zing, 0.35);
}