#5AB5DF

#5AB5DF

#DF845A

#DF845A

Rasio Kontras

1,2:1

Delta E

81,22

Very Different

Campuran 50:50

#B59E9C

Nilai Warna

Format #5AB5DF #DF845A
HEX #5AB5DF #DF845A
RGB 90, 181, 223 223, 132, 90
HSL 198,9, 67,5%, 61,4% 18,9, 67,5%, 61,4%
HSV 198,9, 59,6%, 87,5% 18,9, 59,6%, 87,5%
CMYK 59,6%, 18,8%, 0,0%, 12,5% 0,0%, 40,8%, 59,6%, 12,5%
OKLCH 0,7339 0,1058 230,5 0,7022 0,1258 44,9

Kontras & aksesibilitas

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

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #DF845A → Latar Belakang: #5AB5DF

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5AB5DF → Latar Belakang: #DF845A

Perbedaan Warna (Delta E)

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

Gradien

#5AB5DF #84AEC8 #A0A6B2 #B59E9C #C59686 #D38D70 #DF845A

Pencampuran warna

#5AB5DF

100%

#93AABD

75:25

#B59E9C

50:50

#CD917B

25:75

#DF845A

100%

Kode gradien CSS

background: linear-gradient(to right, #5AB5DF, #DF845A);
background: linear-gradient(135deg, #5AB5DF, #DF845A);

Jelajahi Setiap Warna

#5AB5DF

Lihat detail warna lengkap

#DF845A

Lihat detail warna lengkap

Perbandingan terkait