Tentang Oranye
Oranye (orange) adalah oranye sedang yang cerah dengan kode hex #ffa500, atau rgb(255, 165, 0). Dalam HSL, warnanya berada di hue 39°, saturasi 100%, dan lightness 50%. Warna ini termasuk dari 148 nama warna yang dikenali setiap browser, jadi kamu bisa menulis color: orange; sebagai pengganti nilai hex.
Menggunakan oranye untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks oranye di atas putih | 1.97 : 1 | gagal |
| Teks oranye di atas hitam | 10.63 : 1 | AAA |
Di latar belakang oranye, gunakan teks hitam (10.63 : 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: orange; /* or #ffa500 */
background-color: #ffa500;
border: 1px solid rgb(255 165 0 / 50%);
}Nama warna serupa
Oranye Gelap (#ff8c00), Goldenrod (#daa520), Emas (#ffd700), Dark Goldenrod (#b8860b), Cokelat (#d2691e), 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.