Kode Warna Slate Blue (#6a5acd)

Slate Blue adalah #6a5acd dalam hex dan rgb(106, 90, 205) — biru sedang. Di bawah ini ada semua format warna, tint dan shade, harmoni warna, serta seberapa mudah warna ini dibaca sebagai teks.

Diperbarui

Slate Blue
#6a5acd
Nama CSSslateblue
Hex#6a5acd
RGBrgb(106, 90, 205)
HSLhsl(248 53% 58%)
HWBhwb(248 35% 20%)
CMYK48%, 56%, 0%, 20%

Tint dan shade

Harmoni warna

Tentang Slate Blue

Slate Blue (slateblue) adalah biru sedang dengan saturasi cukup tinggi, berkode hex #6a5acd, atau rgb(106, 90, 205). Dalam HSL, warna ini berada di hue 248°, saturasi 53%, dan lightness 58%. Warna ini termasuk salah satu dari 148 warna bernama yang dipahami setiap browser, jadi kamu bisa menulis color: slateblue; sebagai ganti nilai hex.

Menggunakan Slate Blue untuk teks dan latar belakang

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

Pada latar belakang slate blue, gunakan teks putih (5.31 : 1). WCAG mensyaratkan minimal 4.5 : 1 untuk teks isi dan 3 : 1 untuk teks besar. Periksa pasangan warna lain dengan Contrast Checker.

CSS

.element {
  color: slateblue;               /* or #6a5acd */
  background-color: #6a5acd;
  border: 1px solid rgb(106 90 205 / 50%);
}

Nama warna serupa

Medium Slate Blue (#7b68ee), Royal Blue (#4169e1), Medium Purple (#9370db), Steel Blue (#4682b4), Blue Violet (#8a2be2), Dark Orchid (#9932cc).

Pertanyaan yang sering diajukan

Apa kode hex untuk slate blue?
#6a5acd — yaitu rgb(106, 90, 205) dan hsl(248, 53%, 58%). Di CSS, kamu juga bisa langsung menulis slateblue.
Apakah teks slate blue mudah dibaca di atas putih?
Rasio kontrasnya di atas putih adalah 5.31 : 1, yang lolos WCAG AA untuk teks biasa.
Warna apa yang cocok dipadukan dengan slate blue?
Warna komplementernya adalah #becd5b; warna analog #5b85cd dan #a35bcd berada di sebelahnya pada roda warna.