Kode Warna Hot Pink (#ff69b4)

Hot Pink adalah #ff69b4 dalam hex dan rgb(255, 105, 180), yaitu pink terang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Hot Pink
#ff69b4
Nama CSShotpink
Hex#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330 100% 71%)
HWBhwb(330 41% 0%)
CMYK0%, 59%, 29%, 0%

Tint dan shade

Harmoni warna

Tentang Hot Pink

Hot Pink (hotpink) adalah pink terang dan cerah dengan kode hex #ff69b4, atau rgb(255, 105, 180). Dalam HSL, warna ini berada di hue 330°, saturasi 100%, dan lightness 71%. Warna ini termasuk dari 148 warna bernama yang dikenali setiap browser, jadi kamu bisa menulis color: hotpink; sebagai ganti nilai hex.

Menggunakan Hot Pink untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks Hot Pink di atas putih2.65 : 1gagal
Teks Hot Pink di atas hitam7.93 : 1AAA

Di atas latar hot pink, gunakan teks hitam (7.93 : 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: hotpink;               /* or #ff69b4 */
  background-color: #ff69b4;
  border: 1px solid rgb(255 105 180 / 50%);
}

Warna bernama yang mirip

Pale Violet Red (#db7093), Orchid (#da70d6), Light Coral (#f08080), Violet (#ee82ee), Salmon (#fa8072), Plum (#dda0dd).

Pertanyaan yang sering diajukan

Apa kode hex untuk hot pink?
#ff69b4, yaitu rgb(255, 105, 180) dan hsl(330, 100%, 71%). Di CSS, kamu juga bisa langsung menulis hotpink.
Apakah teks hot pink mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 2.65 : 1, yang gagal memenuhi WCAG. Gunakan warna ini untuk dekorasi atau di atas latar gelap.
Warna apa yang cocok dengan hot pink?
Warna komplementernya adalah #6bffb5. Warna analogus #ff6bff dan #ff6b6b berada di sebelahnya pada roda warna.