Tentang Koral
Koral (coral) adalah oranye muda yang cerah dengan kode hex #ff7f50, atau rgb(255, 127, 80). Dalam HSL, warnanya berada di hue 16°, saturasi 100% dan lightness 66%. Warna ini termasuk salah satu dari 148 nama warna yang dipahami setiap browser, jadi kamu bisa menulis color: coral; sebagai pengganti nilai hex.
Menggunakan Koral untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks koral di atas putih | 2.50 : 1 | gagal |
| Teks koral di atas hitam | 8.40 : 1 | AAA |
Di atas latar belakang koral, gunakan teks hitam (8.40 : 1). WCAG meminta minimal 4.5 : 1 untuk teks biasa dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Pemeriksa Kontras.
CSS
.element {
color: coral; /* or #ff7f50 */
background-color: #ff7f50;
border: 1px solid rgb(255 127 80 / 50%);
}
Nama warna serupa
Tomat (#ff6347), Salmon (#fa8072), Sandy Brown (#f4a460), Light Coral (#f08080), Dark Salmon (#e9967a), Peru (#cd853f).
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.