Cor nomeada · #ADE6DB
Aquatic Mist
Aquatic Mist é #ADE6DB: rgb(173 230 219), hsl(168 53% 79%), oklch(0.883 0.06 181.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aquatic Mist color name →
#ADE6DB
oklch(0.883 0.06 181.7)
Conversões de cor
- HEX
- #ade6db
- RGB
- rgb(173 230 219)
- HSL
- hsl(168 53% 79%)
- HWB
- hwb(168 68% 10%)
- OKLCH
- oklch(0.883 0.06 181.7)
- OKLab
- oklab(0.883 -0.06 -0.002)
- CIE Lab
- lab(87.15 -20.55 -0.84)
- LCH
- lch(87.15 20.57 182.3)
- CMYK
- cmyk(25% 0% 5% 10%)
Tons claros · Sombras · Tons
Tons claros
- B6E9DF
- BEEBE2
- C6EEE6
- CFF0E9
- D7F3ED
- DFF5F0
- E7F8F4
- EFFAF8
- F7FDFB
Sombras
- 96C8BE
- 7FABA2
- 6A8E87
- 55736D
- 415954
- 2D403C
- 1B2826
- 0B1311
- 010302
Tons
- A9DBD2
- A5D1C8
- A0C6BF
- 9CBCB6
- 97B2AC
- 93A8A3
- 8E9E9A
- 8A9491
- 858A89
Harmonias de cor
Complementar +180°
- ADE6DB
Aquatic Mist
- FCC9D5
≈ Sweet Sixteen
Análoga -30° +30°
- ADE6DB
Aquatic Mist
- BCE4C5
≈ Sugar Mint
- ABE4EF
≈ Uranus
Tríade +120° +240°
- ADE6DB
Aquatic Mist
- DFD0FA
≈ Pale Lavender
- F6D0B1
≈ Barrett Quince
Complementar dividida +150° +210°
- ADE6DB
Aquatic Mist
- F1CBEB
≈ Bubblegum Crisis
- FECBC0
≈ Crystal Coral
Tétrade +90° +180° +270°
- ADE6DB
Aquatic Mist
- CBD7FF
≈ Pale Phthalo Blue
- FCC9D5
≈ Sweet Sixteen
- E7D8AC
≈ Beeswax
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre preto
WCAG 15.11:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--aquatic-mist: #ade6db;
--aquatic-mist-rgb: 173 230 219;
--aquatic-mist-oklch: oklch(0.883 0.06 181.7);
}
.element {
color: var(--aquatic-mist);
background-color: hsl(168 53% 79%);
border-color: oklch(0.883 0.06 181.7);
}Tailwind CSS v4
@theme {
--color-aquatic-mist: #ade6db;
--color-aquatic-mist-50: #e3fbf7;
--color-aquatic-mist-100: #d3efea;
--color-aquatic-mist-200: #b9ddd7;
--color-aquatic-mist-300: #96c2ba;
--color-aquatic-mist-400: #76aaa1;
--color-aquatic-mist-500: #569389;
--color-aquatic-mist-600: #4a7d74;
--color-aquatic-mist-700: #3b645d;
--color-aquatic-mist-800: #2a4943;
--color-aquatic-mist-900: #1c332e;
--color-aquatic-mist-950: #0c1f1b;
}SCSS
$aquatic-mist: #ade6db;
$aquatic-mist-rgb: 173, 230, 219;
$aquatic-mist-light: mix(#fff, $aquatic-mist, 20%);
$aquatic-mist-dark: mix(#000, $aquatic-mist, 20%);
.element {
color: $aquatic-mist;
box-shadow: 0 0 0 2px rgba($aquatic-mist, 0.35);
}