Tentang Teal
Teal (teal) adalah cyan yang gelap dan cerah dengan kode hex #008080, atau rgb(0, 128, 128). Dalam HSL, warna ini berada di hue 180°, saturasi 100%, dan lightness 25%. Warna ini termasuk salah satu dari 148 warna bernama yang dikenali semua browser, jadi kamu bisa menulis color: teal; alih-alih nilai hex-nya.
Menggunakan Teal untuk teks dan latar belakang
| Kombinasi | Rasio kontras | WCAG |
|---|---|---|
| Teks teal di atas putih | 4.77 : 1 | AA |
| Teks teal di atas hitam | 4.40 : 1 | AA hanya untuk teks besar |
Di atas latar belakang teal, gunakan teks putih (4.77 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek kombinasi lain dengan Contrast Checker.
CSS
.element {
color: teal; /* or #008080 */
background-color: #008080;
border: 1px solid rgb(0 128 128 / 50%);
}Nama warna serupa
Cyan Gelap (#008b8b), Hijau Laut (#2e8b57), Hijau Laut Muda (#20b2aa), Hijau Laut Sedang (#3cb371), Abu-abu Batu Tua (#2f4f4f), Biru Baja (#4682b4).
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.