#2C85AF

#2C85AF

#AF562C

#AF562C

Rasio Kontras

1,21:1

Delta E

83,3

Very Different

Campuran 50:50

#8B6F6D

Nilai Warna

Format #2C85AF #AF562C
HEX #2C85AF #AF562C
RGB 44, 133, 175 175, 86, 44
HSL 199,2, 59,8%, 42,9% 19,2, 59,8%, 42,9%
HSV 199,2, 74,9%, 68,6% 19,2, 74,9%, 68,6%
CMYK 74,9%, 24,0%, 0,0%, 31,4% 0,0%, 50,9%, 74,9%, 31,4%
OKLCH 0,5835 0,104 233,4 0,5548 0,1288 44,1

Kontras & aksesibilitas

1,21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #AF562C → Latar Belakang: #2C85AF

Rubah coklat yang cepat melompati anjing yang malas

Teks: #2C85AF → Latar Belakang: #AF562C

Perbedaan Warna (Delta E)

83,3 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#2C85AF #5E7E99 #797783 #8B6F6D #9A6758 #A55F43 #AF562C

Pencampuran warna

#2C85AF

100%

#6D7A8E

75:25

#8B6F6D

50:50

#A0634D

25:75

#AF562C

100%

Kode gradien CSS

background: linear-gradient(to right, #2C85AF, #AF562C);
background: linear-gradient(135deg, #2C85AF, #AF562C);

Jelajahi Setiap Warna

#2C85AF

Lihat detail warna lengkap

#AF562C

Lihat detail warna lengkap

Perbandingan terkait