Tentang Aqua
Aqua (aqua) adalah cyan sedang yang cerah, dengan kode hex #00ffff, atau rgb(0, 255, 255). Dalam HSL, warna ini berada di hue 180°, saturasi 100%, dan lightness 50%. CSS juga menerima penulisan cyan untuk warna yang persis sama. Warna ini termasuk dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: aqua; sebagai ganti nilai hex.
Menggunakan Aqua untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks aqua di atas putih | 1.25 : 1 | gagal |
| Teks aqua di atas hitam | 16.75 : 1 | AAA |
Pada latar aqua, gunakan teks hitam (16.75 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Contrast Checker.
CSS
.element {
color: aqua; /* or #00ffff */
background-color: #00ffff;
border: 1px solid rgb(0 255 255 / 50%);
}
Warna bernama yang mirip
Deep Sky Blue (#00bfff), Dark Turquoise (#00ced1), Turquoise (#40e0d0), Medium Turquoise (#48d1cc), Medium Spring Green (#00fa9a), Dodger Blue (#1e90ff).
Pencari Nama Warna
Tempel kode HEX untuk mendapatkan nama warna yang paling mendekati dan nama token yang rapi untuk CSS, SCSS, JavaScript, atau konfigurasi Tailwind kamu.