#62A5DF

#62A5DF

#DF9C62

#DF9C62

Rasio Kontras

1,14:1

Delta E

79,56

Very Different

Campuran 50:50

#B4A0A1

Nilai Warna

Format #62A5DF #DF9C62
HEX #62A5DF #DF9C62
RGB 98, 165, 223 223, 156, 98
HSL 207,8, 66,1%, 62,9% 27,8, 66,1%, 62,9%
HSV 207,8, 56,1%, 87,5% 27,8, 56,1%, 87,5%
CMYK 56,1%, 26,0%, 0,0%, 12,5% 0,0%, 30,0%, 56,1%, 12,5%
OKLCH 0,7011 0,1097 246,3 0,7459 0,1094 60,8

Kontras & aksesibilitas

1,14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #DF9C62 → Latar Belakang: #62A5DF

Rubah coklat yang cepat melompati anjing yang malas

Teks: #62A5DF → Latar Belakang: #DF9C62

Perbedaan Warna (Delta E)

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

Gradien

#62A5DF #86A3CA #A0A2B6 #B4A0A1 #C49F8D #D29D78 #DF9C62

Pencampuran warna

#62A5DF

100%

#94A3C0

75:25

#B4A0A1

50:50

#CC9E82

25:75

#DF9C62

100%

Kode gradien CSS

background: linear-gradient(to right, #62A5DF, #DF9C62);
background: linear-gradient(135deg, #62A5DF, #DF9C62);

Jelajahi Setiap Warna

#62A5DF

Lihat detail warna lengkap

#DF9C62

Lihat detail warna lengkap

Perbandingan terkait