#503C60
#503C60
white
#FFFFFF
Nilai Warna
| Format | #503C60 | #FFFFFF |
|---|---|---|
| HEX | #503C60 | #FFFFFF |
| RGB | 80, 60, 96 | 255, 255, 255 |
| HSL | 273,3, 23,1%, 30,6% | 0,0, 0,0%, 100,0% |
| HSV | 273,3, 37,5%, 37,6% | 0,0, 0,0%, 100,0% |
| CMYK | 16,7%, 37,5%, 0,0%, 62,4% | 0,0%, 0,0%, 0,0%, 0,0% |
| OKLCH | 0,3933 0,0641 309,1 | 1,0 0,0 89,9 |
Kontras & aksesibilitas
9,74:1
AA Pass
AA Large Pass
AAA Pass
AAA Large Pass
Keterbacaan teks
Rubah coklat yang cepat melompati anjing yang malas
Teks: #FFFFFF → Latar Belakang: #503C60
Rubah coklat yang cepat melompati anjing yang malas
Teks: #503C60 → Latar Belakang: #FFFFFF
Perbedaan Warna (Delta E)
75,24
Very Different
0 — Identik
5 — Serupa
25 — Perbedaan Terlihat
100 — Sangat Berbeda
Gradien
Pencampuran warna
Kode gradien CSS
background: linear-gradient(to right, #503C60, #FFFFFF);
background: linear-gradient(135deg, #503C60, #FFFFFF);