Kode Warna Aqua (#00ffff)

Aqua adalah #00ffff dalam hex dan rgb(0, 255, 255), yaitu cyan sedang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Aqua
#00ffff
Nama CSSaqua (juga cyan)
Hex#00ffff
RGBrgb(0, 255, 255)
HSLhsl(180 100% 50%)
HWBhwb(180 0% 0%)
CMYK100%, 0%, 0%, 0%

Tint dan shade

Harmoni warna

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

PasanganRasio kontrasWCAG
Teks aqua di atas putih1.25 : 1gagal
Teks aqua di atas hitam16.75 : 1AAA

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).

Pertanyaan yang sering diajukan

Apa kode hex untuk aqua?
#00ffff, yaitu rgb(0, 255, 255) dan hsl(180, 100%, 50%). Di CSS, kamu juga bisa langsung menulis aqua.
Apakah teks aqua mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 1.25 : 1, yang gagal memenuhi WCAG. Gunakan warna ini untuk dekorasi atau di atas latar belakang gelap saja.
Warna apa yang cocok dengan aqua?
Warna komplementernya adalah #ff0000. Warna analog #00ff80 dan #0080ff berada di sebelahnya pada roda warna.