#5F75C5

#5F75C5

#C5AF5F

#C5AF5F

Rasio Kontras

2,0:1

Delta E

91,92

Very Different

Campuran 50:50

#9F9195

Nilai Warna

Format #5F75C5 #C5AF5F
HEX #5F75C5 #C5AF5F
RGB 95, 117, 197 197, 175, 95
HSL 227,1, 46,8%, 57,3% 47,1, 46,8%, 57,3%
HSV 227,1, 51,8%, 77,3% 47,1, 51,8%, 77,3%
CMYK 51,8%, 40,6%, 0,0%, 22,7% 0,0%, 11,2%, 51,8%, 22,7%
OKLCH 0,582 0,1256 270,5 0,7561 0,1037 94,4

Kontras & aksesibilitas

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

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #C5AF5F → Latar Belakang: #5F75C5

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5F75C5 → Latar Belakang: #C5AF5F

Perbedaan Warna (Delta E)

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

Gradien

#5F75C5 #7A7EB5 #8E87A5 #9F9195 #AD9A84 #BAA572 #C5AF5F

Pencampuran warna

#5F75C5

100%

#8582AD

75:25

#9F9195

50:50

#B4A07B

25:75

#C5AF5F

100%

Kode gradien CSS

background: linear-gradient(to right, #5F75C5, #C5AF5F);
background: linear-gradient(135deg, #5F75C5, #C5AF5F);

Jelajahi Setiap Warna

#5F75C5

Lihat detail warna lengkap

#C5AF5F

Lihat detail warna lengkap

Perbandingan terkait