#5ABCCC

#5ABCCC

#CC6A5A

#CC6A5A

Rasio Kontras

1,64:1

Delta E

76,74

Very Different

Campuran 50:50

#A99692

Nilai Warna

Format #5ABCCC #CC6A5A
HEX #5ABCCC #CC6A5A
RGB 90, 188, 204 204, 106, 90
HSL 188,4, 52,8%, 57,6% 8,4, 52,8%, 57,6%
HSV 188,4, 55,9%, 80,0% 8,4, 55,9%, 80,0%
CMYK 55,9%, 7,8%, 0,0%, 20,0% 0,0%, 48,0%, 55,9%, 20,0%
OKLCH 0,7425 0,0942 209,5 0,6346 0,1274 30,6

Kontras & aksesibilitas

1,64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Keterbacaan teks

Rubah coklat yang cepat melompati anjing yang malas

Teks: #CC6A5A → Latar Belakang: #5ABCCC

Rubah coklat yang cepat melompati anjing yang malas

Teks: #5ABCCC → Latar Belakang: #CC6A5A

Perbedaan Warna (Delta E)

76,74 Very Different
0 — Identik 5 — Serupa 25 — Perbedaan Terlihat 100 — Sangat Berbeda

Gradien

#5ABCCC #7FB0B8 #97A3A5 #A99692 #B8887F #C37A6C #CC6A5A

Pencampuran warna

#5ABCCC

100%

#8CA9AE

75:25

#A99692

50:50

#BD8175

25:75

#CC6A5A

100%

Kode gradien CSS

background: linear-gradient(to right, #5ABCCC, #CC6A5A);
background: linear-gradient(135deg, #5ABCCC, #CC6A5A);

Jelajahi Setiap Warna

#5ABCCC

Lihat detail warna lengkap

#CC6A5A

Lihat detail warna lengkap

Perbandingan terkait