#54AF77
#54AF77
#AF548C
#AF548C
Nilai Warna
| Format | #54AF77 | #AF548C |
|---|---|---|
| HEX | #54AF77 | #AF548C |
| RGB | 84, 175, 119 | 175, 84, 140 |
| HSL | 143,1, 36,3%, 50,8% | 323,1, 36,3%, 50,8% |
| HSV | 143,1, 52,0%, 68,6% | 323,1, 52,0%, 68,6% |
| CMYK | 52,0%, 0,0%, 32,0%, 31,4% | 0,0%, 52,0%, 20,0%, 31,4% |
| OKLCH | 0,6831 0,1211 154,5 | 0,5754 0,1361 344,4 |
Kontras & aksesibilitas
1,74:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Keterbacaan teks
Rubah coklat yang cepat melompati anjing yang malas
Teks: #AF548C → Latar Belakang: #54AF77
Rubah coklat yang cepat melompati anjing yang malas
Teks: #54AF77 → Latar Belakang: #AF548C
Perbedaan Warna (Delta E)
92,26
Very Different
0 — Identik
5 — Serupa
25 — Perbedaan Terlihat
100 — Sangat Berbeda
Gradien
Pencampuran warna
Kode gradien CSS
background: linear-gradient(to right, #54AF77, #AF548C);
background: linear-gradient(135deg, #54AF77, #AF548C);