#5DA0F2

#5DA0F2

#F2AF5D

#F2AF5D

Rasio Kontras

1,42:1

Delta E

99,84

Very Different

Campuran 50:50

#C0A7AA

Nilai Warna

Format #5DA0F2 #F2AF5D
HEX #5DA0F2 #F2AF5D
RGB 93, 160, 242 242, 175, 93
HSL 213,0, 85,1%, 65,7% 33,0, 85,1%, 65,7%
HSV 213,0, 61,6%, 94,9% 33,0, 61,6%, 94,9%
CMYK 61,6%, 33,9%, 0,0%, 5,1% 0,0%, 27,7%, 61,6%, 5,1%
OKLCH 0,6974 0,1393 254,5 0,8014 0,126 69,8

Kontras & aksesibilitas

1,42:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F2AF5D → Latar Belakang: #5DA0F2

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5DA0F2 → Latar Belakang: #F2AF5D

Perbedaan Warna (Delta E)

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

Gradien

#5DA0F2 #8AA2DA #A9A4C2 #C0A7AA #D3A991 #E3AC78 #F2AF5D

Pencampuran warna

#5DA0F2

100%

#9BA3CE

75:25

#C0A7AA

50:50

#DCAB85

25:75

#F2AF5D

100%

Kode gradien CSS

background: linear-gradient(to right, #5DA0F2, #F2AF5D);
background: linear-gradient(135deg, #5DA0F2, #F2AF5D);

Jelajahi Setiap Warna

#5DA0F2

Lihat detail warna lengkap

#F2AF5D

Lihat detail warna lengkap

Perbandingan terkait