#3C97C1

#3C97C1

#C1663C

#C1663C

Rasio Kontras

1,22:1

Delta E

83,33

Very Different

Campuran 50:50

#9B807E

Nilai Warna

Format #3C97C1 #C1663C
HEX #3C97C1 #C1663C
RGB 60, 151, 193 193, 102, 60
HSL 198,9, 52,6%, 49,6% 18,9, 52,6%, 49,6%
HSV 198,9, 68,9%, 75,7% 18,9, 68,9%, 75,7%
CMYK 68,9%, 21,8%, 0,0%, 24,3% 0,0%, 47,2%, 68,9%, 24,3%
OKLCH 0,6401 0,1056 231,8 0,6083 0,1293 44,3

Kontras & aksesibilitas

1,22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #C1663C → Latar Belakang: #3C97C1

Rubah coklat yang cepat melompati anjing yang malas

Teks: #3C97C1 → Latar Belakang: #C1663C

Perbedaan Warna (Delta E)

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

Gradien

#3C97C1 #6C90AA #878894 #9B807E #AA7868 #B76F52 #C1663C

Pencampuran warna

#3C97C1

100%

#7B8C9F

75:25

#9B807E

50:50

#B1745D

25:75

#C1663C

100%

Kode gradien CSS

background: linear-gradient(to right, #3C97C1, #C1663C);
background: linear-gradient(135deg, #3C97C1, #C1663C);

Jelajahi Setiap Warna

#3C97C1

Lihat detail warna lengkap

#C1663C

Lihat detail warna lengkap

Perbandingan terkait