#5DA4F2

#5DA4F2

#F2AB5D

#F2AB5D

Rasio Kontras

1,34:1

Delta E

97,51

Very Different

Campuran 50:50

#C0A7A9

Nilai Warna

Format #5DA4F2 #F2AB5D
HEX #5DA4F2 #F2AB5D
RGB 93, 164, 242 242, 171, 93
HSL 211,4, 85,1%, 65,7% 31,4, 85,1%, 65,7%
HSV 211,4, 61,6%, 94,9% 31,4, 61,6%, 94,9%
CMYK 61,6%, 32,2%, 0,0%, 5,1% 0,0%, 29,3%, 61,6%, 5,1%
OKLCH 0,7061 0,1356 252,2 0,794 0,1261 66,8

Kontras & aksesibilitas

1,34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F2AB5D → Latar Belakang: #5DA4F2

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5DA4F2 → Latar Belakang: #F2AB5D

Perbedaan Warna (Delta E)

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

Gradien

#5DA4F2 #8BA5DA #A9A6C2 #C0A7A9 #D3A891 #E4AA78 #F2AB5D

Pencampuran warna

#5DA4F2

100%

#9BA5CE

75:25

#C0A7A9

50:50

#DCA984

25:75

#F2AB5D

100%

Kode gradien CSS

background: linear-gradient(to right, #5DA4F2, #F2AB5D);
background: linear-gradient(135deg, #5DA4F2, #F2AB5D);

Jelajahi Setiap Warna

#5DA4F2

Lihat detail warna lengkap

#F2AB5D

Lihat detail warna lengkap

Perbandingan terkait