#5053CC
#5053CC
#CCC950
#CCC950
Nilai Warna
| Format | #5053CC | #CCC950 |
|---|---|---|
| HEX | #5053CC | #CCC950 |
| RGB | 80, 83, 204 | 204, 201, 80 |
| HSL | 238,5, 54,9%, 55,7% | 58,5, 54,9%, 55,7% |
| HSV | 238,5, 60,8%, 80,0% | 58,5, 60,8%, 80,0% |
| CMYK | 60,8%, 59,3%, 0,0%, 20,0% | 0,0%, 1,5%, 60,8%, 20,0% |
| OKLCH | 0,5108 0,1833 276,7 | 0,8154 0,1417 107,8 |
Kontras & aksesibilitas
3,49:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Keterbacaan teks
Rubah coklat yang cepat melompati anjing yang malas
Teks: #CCC950 → Latar Belakang: #5053CC
Rubah coklat yang cepat melompati anjing yang malas
Teks: #5053CC → Latar Belakang: #CCC950
Perbedaan Warna (Delta E)
137,1
Very Different
0 — Identik
5 — Serupa
25 — Perbedaan Terlihat
100 — Sangat Berbeda
Gradien
Pencampuran warna
Kode gradien CSS
background: linear-gradient(to right, #5053CC, #CCC950);
background: linear-gradient(135deg, #5053CC, #CCC950);