#708090

SlateGray — Kode Warna & Palet

Q: Apa nilai RGB dari SlateGray?

Nilai RGB dari SlateGray (#708090) adalah rgb(112, 128, 144). Ini terdiri dari nilai saluran merah, hijau, dan biru pada skala 0–255.

Q: Apakah SlateGray aksesibel di latar belakang putih?

Rasio kontras SlateGray (#708090) di atas latar belakang putih (#FFFFFF) adalah 4.05:1 — Lulus AA untuk teks besar saja. Di atas latar belakang hitam (#000000) rasio kontrasnya adalah 5.18:1 — Lulus AA untuk teks normal. WCAG 2.1 mensyaratkan 4,5:1 untuk teks normal (AA) dan 7:1 untuk peningkatan (AAA).

Q: Warna apa yang cocok dipadukan dengan SlateGray?

SlateGray (#708090) cocok dipadukan dengan warna komplementernya dan warna analog. Warna komplementernya adalah #90806F, warna analog pada +30° adalah #6F6F90, dan satu warna triadik adalah #906F80. Hubungan ini berasal dari teori warna menggunakan HSL (hsl(210, 13%, 50%)) sebagai dasar.

#708090 · rgb(112, 128, 144) · hsl(210, 13%, 50%)

Kode Warna

Format	Nilai
HEX	#708090
RGB	rgb(112, 128, 144)
HSL	hsl(210, 13%, 50%)

Nuansa Gelap SlateGray

#647382

#596673

#4E5965

#434D56

#374048

#2C333A

#21262B

#161A1D

Nuansa Terang SlateGray

#7D8C9B

#8C99A6

#9AA6B1

#A9B3BC

#B7BFC8

#C5CCD3

#D4D9DE

#E2E6E9

Paduan Warna & Harmoni

Komplementer

#90806F

Analog +30°

#6F6F90

Analog −30°

#6F9090

Triadik +120°

#906F80

Triadik −120°

#80906F

Kontras & Aksesibilitas (WCAG 2.1)

vs. Putih (#FFFFFF)

4.05:1 — Lulus AA untuk teks besar saja

vs. Hitam (#000000)

5.18:1 — Lulus AA untuk teks normal

Cuplikan CSS

.element {
  color: #708090;
}

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

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

Tentang SlateGray

SlateGray adalah warna sedang dengan saturasi sangat rendah (hampir akromatik), didefinisikan oleh kode hex #708090. Nilai model warnanya yang tepat adalah rgb(112, 128, 144) dalam RGB dan hsl(210, 13%, 50%) dalam HSL (hue 210°, saturasi 13%, kecerahan 50%). Pada latar belakang putih rasio kontrasnya adalah 4.05:1 — Lulus AA untuk teks besar saja, dan pada latar hitam adalah 5.18:1 — Lulus AA untuk teks normal. Gunakan SlateGray 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 SlateGray?

Nilai RGB dari SlateGray (#708090) adalah rgb(112, 128, 144). Merah = rgb(112, 128, 144), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.

Apakah SlateGray aksesibel di latar belakang putih?

Rasio kontras SlateGray di atas putih (#FFFFFF) adalah 4.05:1 — Lulus AA untuk teks besar saja. Di atas hitam (#000000) rasio kontrasnya adalah 5.18: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 SlateGray?

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

SlateGray — Kode Warna &amp; Palet