#558CE2

#558CE2

#E2AB55

#E2AB55

Rasio Kontras

1,63:1

Delta E

101,49

Very Different

Campuran 50:50

#B29A9F

Nilai Warna

Format #558CE2 #E2AB55
HEX #558CE2 #E2AB55
RGB 85, 140, 226 226, 171, 85
HSL 216,6, 70,9%, 61,0% 36,6, 70,9%, 61,0%
HSV 216,6, 62,4%, 88,6% 36,6, 62,4%, 88,6%
CMYK 62,4%, 38,1%, 0,0%, 11,4% 0,0%, 24,3%, 62,4%, 11,4%
OKLCH 0,642 0,1422 259,0 0,7758 0,1215 76,4

Kontras & aksesibilitas

1,63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #E2AB55 → Latar Belakang: #558CE2

Rubah coklat yang cepat melompati anjing yang malas

Teks: #558CE2 → Latar Belakang: #E2AB55

Perbedaan Warna (Delta E)

101,49 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#558CE2 #8090CC #9C95B5 #B29A9F #C4A087 #D4A56F #E2AB55

Pencampuran warna

#558CE2

100%

#8F93C0

75:25

#B29A9F

50:50

#CDA27C

25:75

#E2AB55

100%

Kode gradien CSS

background: linear-gradient(to right, #558CE2, #E2AB55);
background: linear-gradient(135deg, #558CE2, #E2AB55);

Jelajahi Setiap Warna

#558CE2

Lihat detail warna lengkap

#E2AB55

Lihat detail warna lengkap

Perbandingan terkait