Warna bernama · #ADE6DB
Aquatic Mist
Aquatic Mist adalah #ADE6DB: rgb(173 230 219), hsl(168 53% 79%), oklch(0.883 0.06 181.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Aquatic Mist color name →
#ADE6DB
oklch(0.883 0.06 181.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- B6E9DF
- BEEBE2
- C6EEE6
- CFF0E9
- D7F3ED
- DFF5F0
- E7F8F4
- EFFAF8
- F7FDFB
Shade
- 96C8BE
- 7FABA2
- 6A8E87
- 55736D
- 415954
- 2D403C
- 1B2826
- 0B1311
- 010302
Tone
- A9DBD2
- A5D1C8
- A0C6BF
- 9CBCB6
- 97B2AC
- 93A8A3
- 8E9E9A
- 8A9491
- 858A89
Harmoni warna
Komplementer +180°
- ADE6DB
Aquatic Mist
- FCC9D5
≈ Sweet Sixteen
Analog -30° +30°
- ADE6DB
Aquatic Mist
- BCE4C5
≈ Sugar Mint
- ABE4EF
≈ Uranus
Triadik +120° +240°
- ADE6DB
Aquatic Mist
- DFD0FA
≈ Pale Lavender
- F6D0B1
≈ Barrett Quince
Split-komplementer +150° +210°
- ADE6DB
Aquatic Mist
- F1CBEB
≈ Bubblegum Crisis
- FECBC0
≈ Crystal Coral
Tetradik +90° +180° +270°
- ADE6DB
Aquatic Mist
- CBD7FF
≈ Pale Phthalo Blue
- FCC9D5
≈ Sweet Sixteen
- E7D8AC
≈ Beeswax
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.38:1 · APCA Lc 19
Ag
AAADi atas hitam
WCAG 15.11:1 · APCA Lc 85
Warna teks terbaik: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
Cuplikan kode
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);
}