#558ADF
#558ADF
#DFAA55
#DFAA55
Nilai Warna
| Format | #558ADF | #DFAA55 |
|---|---|---|
| HEX | #558ADF | #DFAA55 |
| RGB | 85, 138, 223 | 223, 170, 85 |
| HSL | 217,0, 68,3%, 60,4% | 37,0, 68,3%, 60,4% |
| HSV | 217,0, 61,9%, 87,5% | 37,0, 61,9%, 87,5% |
| CMYK | 61,9%, 38,1%, 0,0%, 12,5% | 0,0%, 23,8%, 61,9%, 12,5% |
| OKLCH | 0,636 0,1404 259,4 | 0,7707 0,1197 77,1 |
Kontras & aksesibilitas
1,65:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Keterbacaan teks
Rubah coklat yang cepat melompati anjing yang malas
Teks: #DFAA55 → Latar Belakang: #558ADF
Rubah coklat yang cepat melompati anjing yang malas
Teks: #558ADF → Latar Belakang: #DFAA55
Perbedaan Warna (Delta E)
100,23
Very Different
0 — Identik
5 — Serupa
25 — Perbedaan Terlihat
100 — Sangat Berbeda
Gradien
Pencampuran warna
Kode gradien CSS
background: linear-gradient(to right, #558ADF, #DFAA55);
background: linear-gradient(135deg, #558ADF, #DFAA55);