Kode Warna Blue Violet (#8a2be2)

Blue Violet adalah #8a2be2 dalam hex dan rgb(138, 43, 226) — ungu sedang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Blue Violet
#8a2be2
Nama CSSblueviolet
Hex#8a2be2
RGBrgb(138, 43, 226)
HSLhsl(271 76% 53%)
HWBhwb(271 17% 11%)
CMYK39%, 81%, 0%, 11%

Tint dan shade

Harmoni warna

Tentang Blue Violet

Blue Violet (blueviolet) adalah ungu sedang yang cerah dengan kode hex #8a2be2, atau rgb(138, 43, 226). Dalam HSL, warna ini berada di hue 271°, saturasi 76%, dan lightness 53%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, sehingga kamu bisa menulis color: blueviolet; alih-alih nilai hex.

Menggunakan Blue Violet untuk teks dan latar belakang

PasanganRasio kontrasWCAG
Teks Blue Violet di atas putih5.96 : 1AA
Teks Blue Violet di atas hitam3.52 : 1AA hanya untuk teks besar

Di atas latar blue violet, gunakan teks putih (5.96 : 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: blueviolet;               /* or #8a2be2 */
  background-color: #8a2be2;
  border: 1px solid rgb(138 43 226 / 50%);
}

Warna bernama yang mirip

Dark Orchid (#9932cc), Dark Violet (#9400d3), Slate Blue (#6a5acd), Medium Slate Blue (#7b68ee), Medium Orchid (#ba55d3), dan Medium Purple (#9370db).

Pertanyaan yang sering diajukan

Apa kode hex untuk blue violet?
#8a2be2 — yaitu rgb(138, 43, 226) dan hsl(271, 76%, 53%). Di CSS, kamu juga bisa langsung menulis blueviolet.
Apakah teks blue violet mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 5.96 : 1, yang lolos WCAG AA untuk teks biasa.
Warna apa yang cocok dengan blue violet?
Warna komplementernya adalah #84e22c; warna analogus #2f2ce2 dan #e22cdf berada di sebelahnya pada roda warna.