#569DF2

#569DF2

#F2AB56

#F2AB56

Rasio Kontras

1,43:1

Delta E

103,9

Very Different

Campuran 50:50

#BFA3A7

Nilai Warna

Format #569DF2 #F2AB56
HEX #569DF2 #F2AB56
RGB 86, 157, 242 242, 171, 86
HSL 212,7, 85,7%, 64,3% 32,7, 85,7%, 64,3%
HSV 212,7, 64,5%, 94,9% 32,7, 64,5%, 94,9%
CMYK 64,5%, 35,1%, 0,0%, 5,1% 0,0%, 29,3%, 64,5%, 5,1%
OKLCH 0,688 0,1451 254,2 0,7932 0,1309 68,8

Kontras & aksesibilitas

1,43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F2AB56 → Latar Belakang: #569DF2

Rubah coklat yang cepat melompati anjing yang malas

Teks: #569DF2 → Latar Belakang: #F2AB56

Perbedaan Warna (Delta E)

103,9 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#569DF2 #889FD9 #A7A1C0 #BFA3A7 #D3A58D #E3A873 #F2AB56

Pencampuran warna

#569DF2

100%

#99A0CC

75:25

#BFA3A7

50:50

#DBA780

25:75

#F2AB56

100%

Kode gradien CSS

background: linear-gradient(to right, #569DF2, #F2AB56);
background: linear-gradient(135deg, #569DF2, #F2AB56);

Jelajahi Setiap Warna

#569DF2

Lihat detail warna lengkap

#F2AB56

Lihat detail warna lengkap

Perbandingan terkait