#5683FF
#5683FF
white
#FFFFFF
Nilai Warna
| Format | #5683FF | #FFFFFF |
|---|---|---|
| HEX | #5683FF | #FFFFFF |
| RGB | 86, 131, 255 | 255, 255, 255 |
| HSL | 224,0, 100,0%, 66,9% | 0,0, 0,0%, 100,0% |
| HSV | 224,0, 66,3%, 100,0% | 0,0, 0,0%, 100,0% |
| CMYK | 66,3%, 48,6%, 0,0%, 0,0% | 0,0%, 0,0%, 0,0%, 0,0% |
| OKLCH | 0,642 0,1907 266,1 | 1,0 0,0 89,9 |
Kontras & aksesibilitas
3,45:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Keterbacaan teks
Rubah coklat yang cepat melompati anjing yang malas
Teks: #FFFFFF → Latar Belakang: #5683FF
Rubah coklat yang cepat melompati anjing yang malas
Teks: #5683FF → Latar Belakang: #FFFFFF
Perbedaan Warna (Delta E)
82,27
Very Different
0 — Identik
5 — Serupa
25 — Perbedaan Terlihat
100 — Sangat Berbeda
Gradien
Pencampuran warna
Kode gradien CSS
background: linear-gradient(to right, #5683FF, #FFFFFF);
background: linear-gradient(135deg, #5683FF, #FFFFFF);