Tentang Rebecca Purple
Rebecca Purple (rebeccapurple) adalah ungu medium dengan saturasi sedang, berkode hex #663399, atau rgb(102, 51, 153). Dalam HSL, warnanya berada di hue 270°, saturasi 50%, dan lightness 40%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: rebeccapurple; alih-alih nilai hex.
Menggunakan Rebecca Purple untuk teks dan latar belakang
| Pasangan | Rasio kontras | WCAG |
|---|---|---|
| Teks Rebecca Purple di atas putih | 8.41 : 1 | AAA |
| Teks Rebecca Purple di atas hitam | 2.50 : 1 | gagal |
Di atas latar belakang rebecca purple, gunakan teks putih (8.41 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Cek pasangan warna lain dengan Pemeriksa Kontras.
CSS
.element {
color: rebeccapurple; /* or #663399 */
background-color: #663399;
border: 1px solid rgb(102 51 153 / 50%);
}
Warna bernama yang mirip
Dark Slate Blue (#483d8b), Indigo (#4b0082), Purple (#800080), Dark Magenta (#8b008b), Slate Blue (#6a5acd), Dark Orchid (#9932cc).
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.