#5BA2F2

#5BA2F2

#F2AB5B

#F2AB5B

Rasio Kontras

1,36:1

Delta E

99,33

Very Different

Campuran 50:50

#C0A6A9

Nilai Warna

Format #5BA2F2 #F2AB5B
HEX #5BA2F2 #F2AB5B
RGB 91, 162, 242 242, 171, 91
HSL 211,8, 85,3%, 65,3% 31,8, 85,3%, 65,3%
HSV 211,8, 62,4%, 94,9% 31,8, 62,4%, 94,9%
CMYK 62,4%, 33,1%, 0,0%, 5,1% 0,0%, 29,3%, 62,4%, 5,1%
OKLCH 0,7009 0,1383 252,8 0,7938 0,1275 67,4

Kontras & aksesibilitas

1,36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F2AB5B → Latar Belakang: #5BA2F2

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5BA2F2 → Latar Belakang: #F2AB5B

Perbedaan Warna (Delta E)

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

Gradien

#5BA2F2 #8AA3DA #A8A4C1 #C0A6A9 #D3A790 #E3A976 #F2AB5B

Pencampuran warna

#5BA2F2

100%

#9AA4CD

75:25

#C0A6A9

50:50

#DCA883

25:75

#F2AB5B

100%

Kode gradien CSS

background: linear-gradient(to right, #5BA2F2, #F2AB5B);
background: linear-gradient(135deg, #5BA2F2, #F2AB5B);

Jelajahi Setiap Warna

#5BA2F2

Lihat detail warna lengkap

#F2AB5B

Lihat detail warna lengkap

Perbandingan terkait