#663399

RebeccaPurple — Kode Warna & Palet

Q: Apa nilai RGB dari RebeccaPurple?

Nilai RGB dari RebeccaPurple (#663399) adalah rgb(102, 51, 153). Ini terdiri dari nilai saluran merah, hijau, dan biru pada skala 0–255.

Q: Apakah RebeccaPurple aksesibel di latar belakang putih?

Rasio kontras RebeccaPurple (#663399) di atas latar belakang putih (#FFFFFF) adalah 8.41:1 — Lulus AAA untuk teks normal. Di atas latar belakang hitam (#000000) rasio kontrasnya adalah 2.50:1 — Gagal. WCAG 2.1 mensyaratkan 4,5:1 untuk teks normal (AA) dan 7:1 untuk peningkatan (AAA).

Q: Warna apa yang cocok dipadukan dengan RebeccaPurple?

RebeccaPurple (#663399) cocok dipadukan dengan warna komplementernya dan warna analog. Warna komplementernya adalah #669933, warna analog pada +30° adalah #993399, dan satu warna triadik adalah #996633. Hubungan ini berasal dari teori warna menggunakan HSL (hsl(270, 50%, 40%)) sebagai dasar.

#663399 · rgb(102, 51, 153) · hsl(270, 50%, 40%)

Kode Warna

Format	Nilai
HEX	#663399
RGB	rgb(102, 51, 153)
HSL	hsl(270, 50%, 40%)

Nuansa Gelap RebeccaPurple

#5C2E8A

#52297A

#47246B

#3D1F5C

#331A4D

#29143D

#1F0F2E

#140A1F

Nuansa Terang RebeccaPurple

#753BB0

#8547C2

#945EC9

#A375D1

#B38CD9

#C2A3E0

#D1BAE8

#E0D1F0

Paduan Warna & Harmoni

Komplementer

#669933

Analog +30°

#993399

Analog −30°

#333399

Triadik +120°

#996633

Triadik −120°

#339966

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)

8.41:1 — Lulus AAA untuk teks normal

vs. Hitam (#000000)

2.50:1 — Gagal

Cuplikan CSS

.element {
  color: #663399;
}

.element-bg {
  background-color: #663399;
  color: #ffffff;
}

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

Tentang RebeccaPurple

RebeccaPurple adalah warna sedang dengan saturasi tinggi, didefinisikan oleh kode hex #663399. Nilai model warnanya yang tepat adalah rgb(102, 51, 153) dalam RGB dan hsl(270, 50%, 40%) dalam HSL (hue 270°, saturasi 50%, kecerahan 40%). Pada latar belakang putih rasio kontrasnya adalah 8.41:1 — Lulus AAA untuk teks normal, dan pada latar hitam adalah 2.50:1 — Gagal. Gunakan RebeccaPurple 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 RebeccaPurple?

Nilai RGB dari RebeccaPurple (#663399) adalah rgb(102, 51, 153). Merah = rgb(102, 51, 153), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.

Apakah RebeccaPurple aksesibel di latar belakang putih?

Rasio kontras RebeccaPurple di atas putih (#FFFFFF) adalah 8.41:1 — Lulus AAA untuk teks normal. Di atas hitam (#000000) rasio kontrasnya adalah 2.50:1 — Gagal. WCAG 2.1 mensyaratkan 4,5:1 untuk AA (teks normal) dan 7:1 untuk AAA.

Warna apa yang cocok dipadukan dengan RebeccaPurple?

Berdasarkan teori warna, RebeccaPurple (hsl(270, 50%, 40%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.

RebeccaPurple — Kode Warna &amp; Palet