#FF4500

OrangeRed — Kode Warna & Palet

#FF4500  ·  rgb(255, 69, 0)  ·  hsl(16, 100%, 50%)

Kode Warna

Format Nilai
HEX #FF4500
RGB rgb(255, 69, 0)
HSL hsl(16, 100%, 50%)

Nuansa Gelap OrangeRed

#E63D00#CC3600#B33000#992900#802200#661B00#4D1400#330E00

Nuansa Terang OrangeRed

#FF571A#FF6933#FF7C4D#FF8F66#FFA280#FFB499#FFC7B3#FFDACC

Paduan Warna & Harmoni

Komplementer
#00BBFF
Analog +30°
#FFC300
Analog −30°
#FF003C
Triadik +120°
#00FF44
Triadik −120°
#4400FF

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)
3.44:1 — Lulus AA untuk teks besar saja
vs. Hitam (#000000)
6.10:1 — Lulus AA untuk teks normal

Cuplikan CSS

.element {
  color: #FF4500;
}

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

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

Tentang OrangeRed

OrangeRed adalah warna sedang dengan vivid, sangat tersaturasi, didefinisikan oleh kode hex #FF4500. Nilai model warnanya yang tepat adalah rgb(255, 69, 0) dalam RGB dan hsl(16, 100%, 50%) dalam HSL (hue 16°, saturasi 100%, kecerahan 50%). Pada latar belakang putih rasio kontrasnya adalah 3.44:1 — Lulus AA untuk teks besar saja, dan pada latar hitam adalah 6.10:1 — Lulus AA untuk teks normal. Gunakan OrangeRed 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 OrangeRed?
Nilai RGB dari OrangeRed (#FF4500) adalah rgb(255, 69, 0). Merah = rgb(255, 69, 0), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.
Apakah OrangeRed aksesibel di latar belakang putih?
Rasio kontras OrangeRed di atas putih (#FFFFFF) adalah 3.44:1 — Lulus AA untuk teks besar saja. Di atas hitam (#000000) rasio kontrasnya adalah 6.10:1 — Lulus AA 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 OrangeRed?
Berdasarkan teori warna, OrangeRed (hsl(16, 100%, 50%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.