DevArbor
#FF69B4

HotPink — Kode Warna & Palet

#FF69B4  ·  rgb(255, 105, 180)  ·  hsl(330, 100%, 71%)

Kode Warna

Format Nilai
HEX #FF69B4
RGB rgb(255, 105, 180)
HSL hsl(330, 100%, 71%)

Nuansa Gelap HotPink

#FF47A3#FF2491#FF0080#DB006E#B8005C#94004A#700038#4D0026

Nuansa Terang HotPink

#FF7ABD#FF8AC4#FF99CC#FFA8D4#FFB8DB#FFC7E3#FFD6EB#FFE5F2

Paduan Warna & Harmoni

Komplementer
#6BFFB5
Analog +30°
#FF6B6B
Analog −30°
#FF6BFF
Triadik +120°
#B5FF6B
Triadik −120°
#6BB5FF

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)
2.65:1 — Gagal
vs. Hitam (#000000)
7.93:1 — Lulus AAA untuk teks normal

Cuplikan CSS

.element {
  color: #FF69B4;
}

.element-bg {
  background-color: #FF69B4;
  color: #000000;
}

.element-border {
  border: 2px solid #FF69B4;
}

Tentang HotPink

HotPink adalah warna terang dengan vivid, sangat tersaturasi, didefinisikan oleh kode hex #FF69B4. Nilai model warnanya yang tepat adalah rgb(255, 105, 180) dalam RGB dan hsl(330, 100%, 71%) dalam HSL (hue 330°, saturasi 100%, kecerahan 71%). Pada latar belakang putih rasio kontrasnya adalah 2.65:1 — Gagal, dan pada latar hitam adalah 7.93:1 — Lulus AAA untuk teks normal. Gunakan HotPink untuk elemen UI, latar belakang, teks, border, atau aksen dekoratif. Bagian nuansa gelap di bawah ini menampilkan variasi yang semakin gelap, sedangkan strip nuansa terang menampilkan versi yang semakin cerah — keduanya berguna untuk membangun palet tonal. Swatch harmoni memberikan paduan komplementer, analog, dan triadik berdasarkan roda hue HSL.

Ingin menjelajahi warna ini secara interaktif, membuat palet, atau mengkonversi antar format warna? DevArbor Color Picker siap membantu kamu.

Buka Color Picker →

Pertanyaan yang Sering Diajukan

Apa nilai RGB dari HotPink?
Nilai RGB dari HotPink (#FF69B4) adalah rgb(255, 105, 180). Merah = rgb(255, 105, 180), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.
Apakah HotPink aksesibel di latar belakang putih?
Rasio kontras HotPink di atas putih (#FFFFFF) adalah 2.65:1 — Gagal. Di atas hitam (#000000) rasio kontrasnya adalah 7.93:1 — Lulus AAA untuk teks normal. WCAG 2.1 mensyaratkan 4,5:1 untuk AA (teks normal) dan 7:1 untuk AAA.
Warna apa yang cocok dipadukan dengan HotPink?
Berdasarkan teori warna, HotPink (hsl(330, 100%, 71%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.