#5F7DF2

#5F7DF2

#F2D45F

#F2D45F

Rasio Kontras

2,52:1

Delta E

129,0

Very Different

Campuran 50:50

#BFA6AE

Nilai Warna

Format #5F7DF2 #F2D45F
HEX #5F7DF2 #F2D45F
RGB 95, 125, 242 242, 212, 95
HSL 227,8, 85,0%, 66,1% 47,8, 85,0%, 66,1%
HSV 227,8, 60,7%, 94,9% 47,8, 60,7%, 94,9%
CMYK 60,7%, 48,3%, 0,0%, 5,1% 0,0%, 12,4%, 60,7%, 5,1%
OKLCH 0,6262 0,1779 269,8 0,8732 0,1392 95,0

Kontras & aksesibilitas

2,52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F2D45F → Latar Belakang: #5F7DF2

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5F7DF2 → Latar Belakang: #F2D45F

Perbedaan Warna (Delta E)

129,0 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#5F7DF2 #8B8ADC #A898C5 #BFA6AE #D3B596 #E3C47D #F2D45F

Pencampuran warna

#5F7DF2

100%

#9B91D1

75:25

#BFA6AE

50:50

#DBBD8A

25:75

#F2D45F

100%

Kode gradien CSS

background: linear-gradient(to right, #5F7DF2, #F2D45F);
background: linear-gradient(135deg, #5F7DF2, #F2D45F);

Jelajahi Setiap Warna

#5F7DF2

Lihat detail warna lengkap

#F2D45F

Lihat detail warna lengkap

Perbandingan terkait