#5BECF4

#5BECF4

#F4635B

#F4635B

Rasio Kontras

2,17:1

Delta E

106,45

Very Different

Campuran 50:50

#CDAEA5

Nilai Warna

Format #5BECF4 #F4635B
HEX #5BECF4 #F4635B
RGB 91, 236, 244 244, 99, 91
HSL 183,1, 87,4%, 65,7% 3,1, 87,4%, 65,7%
HSV 183,1, 62,7%, 95,7% 3,1, 62,7%, 95,7%
CMYK 62,7%, 3,3%, 0,0%, 4,3% 0,0%, 59,4%, 62,7%, 4,3%
OKLCH 0,8689 0,1227 200,3 0,6824 0,18 26,1

Kontras & aksesibilitas

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

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #F4635B → Latar Belakang: #5BECF4

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5BECF4 → Latar Belakang: #F4635B

Perbedaan Warna (Delta E)

106,45 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#5BECF4 #95D8D9 #B6C3BF #CDAEA5 #DE988B #EA7F73 #F4635B

Pencampuran warna

#5BECF4

100%

#A7CECC

75:25

#CDAEA5

50:50

#E58C7F

25:75

#F4635B

100%

Kode gradien CSS

background: linear-gradient(to right, #5BECF4, #F4635B);
background: linear-gradient(135deg, #5BECF4, #F4635B);

Jelajahi Setiap Warna

#5BECF4

Lihat detail warna lengkap

#F4635B

Lihat detail warna lengkap

Perbandingan terkait