#3C5CCC

#3C5CCC

#CCAC3C

#CCAC3C

Rasio Kontras

2,65:1

Delta E

126,93

Very Different

Campuran 50:50

#9F818B

Nilai Warna

Format #3C5CCC #CCAC3C
HEX #3C5CCC #CCAC3C
RGB 60, 92, 204 204, 172, 60
HSL 226,7, 58,5%, 51,8% 46,7, 58,5%, 51,8%
HSV 226,7, 70,6%, 80,0% 46,7, 70,6%, 80,0%
CMYK 70,6%, 54,9%, 0,0%, 20,0% 0,0%, 15,7%, 70,6%, 20,0%
OKLCH 0,516 0,1774 267,7 0,7529 0,1322 92,7

Kontras & aksesibilitas

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

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #CCAC3C → Latar Belakang: #3C5CCC

Rubah coklat yang cepat melompati anjing yang malas

Teks: #3C5CCC → Latar Belakang: #CCAC3C

Perbedaan Warna (Delta E)

126,93 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#3C5CCC #6C67B7 #8974A1 #9F818B #B08F74 #BF9D5B #CCAC3C

Pencampuran warna

#3C5CCC

100%

#7C6EAC

75:25

#9F818B

50:50

#B89668

25:75

#CCAC3C

100%

Kode gradien CSS

background: linear-gradient(to right, #3C5CCC, #CCAC3C);
background: linear-gradient(135deg, #3C5CCC, #CCAC3C);

Jelajahi Setiap Warna

#3C5CCC

Lihat detail warna lengkap

#CCAC3C

Lihat detail warna lengkap

Perbandingan terkait