#535FD7
#535FD7
#D7CB53
#D7CB53
Color Values
| Format | #535FD7 | #D7CB53 |
|---|---|---|
| HEX | #535FD7 | #D7CB53 |
| RGB | 83, 95, 215 | 215, 203, 83 |
| HSL | 234.5, 62.3%, 58.4% | 54.5, 62.3%, 58.4% |
| HSV | 234.5, 61.4%, 84.3% | 54.5, 61.4%, 84.3% |
| CMYK | 61.4%, 55.8%, 0.0%, 15.7% | 0.0%, 5.6%, 61.4%, 15.7% |
| OKLCH | 0.5429 0.1822 274.3 | 0.8294 0.1402 103.6 |
Contrast & Accessibility
3.15:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #D7CB53 → Background: #535FD7
The quick brown fox jumps over the lazy dog
Text: #535FD7 → Background: #D7CB53
Color Difference (Delta E)
134.55
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #535FD7, #D7CB53);
background: linear-gradient(135deg, #535FD7, #D7CB53);