#3D5AFE

#3D5AFE — Kode Warna & Palet

#3D5AFE  ·  rgb(61, 90, 254)  ·  hsl(231, 99%, 62%)

Kode Warna

Format Nilai
HEX #3D5AFE
RGB rgb(61, 90, 254)
HSL hsl(231, 99%, 62%)

Nuansa Gelap #3D5AFE

#2041FE#0127FE#0122DF#011EC1#0119A2#011484#011065#000B47

Nuansa Terang #3D5AFE

#526CFE#677DFE#7B8FFE#8FA0FE#A4B1FF#B8C3FF#CCD4FF#E1E5FF

Paduan Warna & Harmoni

Komplementer
#FEE13E
Analog +30°
#813EFE
Analog −30°
#3EBBFE
Triadik +120°
#FE3E5B
Triadik −120°
#5BFE3E

Kontras & Aksesibilitas (WCAG 2.1)

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

Cuplikan CSS

.element {
  color: #3D5AFE;
}

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

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

Tentang #3D5AFE

#3D5AFE adalah warna terang dengan vivid, sangat tersaturasi, didefinisikan oleh kode hex #3D5AFE. Nilai model warnanya yang tepat adalah rgb(61, 90, 254) dalam RGB dan hsl(231, 99%, 62%) dalam HSL (hue 231°, saturasi 99%, kecerahan 62%). Pada latar belakang putih rasio kontrasnya adalah 5.13:1 — Lulus AA untuk teks normal, dan pada latar hitam adalah 4.09:1 — Lulus AA untuk teks besar saja. Gunakan #3D5AFE 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 #3D5AFE?
Nilai RGB dari #3D5AFE (#3D5AFE) adalah rgb(61, 90, 254). Merah = rgb(61, 90, 254), mewakili jumlah cahaya merah, hijau, dan biru pada skala 0–255.
Apakah #3D5AFE aksesibel di latar belakang putih?
Rasio kontras #3D5AFE di atas putih (#FFFFFF) adalah 5.13:1 — Lulus AA untuk teks normal. Di atas hitam (#000000) rasio kontrasnya adalah 4.09:1 — Lulus AA untuk teks besar saja. WCAG 2.1 mensyaratkan 4,5:1 untuk AA (teks normal) dan 7:1 untuk AAA.
Warna apa yang cocok dipadukan dengan #3D5AFE?
Berdasarkan teori warna, #3D5AFE (hsl(231, 99%, 62%)) cocok dipadukan dengan warna komplementer, analog, dan triadiknya. Lihat swatch harmoni di atas untuk nilai hex tepat dari setiap jenis paduan.