#3741CF
#3741CF
#CFC537
#CFC537
Color Values
| Format | #3741CF | #CFC537 |
|---|---|---|
| HEX | #3741CF | #CFC537 |
| RGB | 55, 65, 207 | 207, 197, 55 |
| HSL | 236.1, 61.3%, 51.4% | 56.1, 61.3%, 51.4% |
| HSV | 236.1, 73.4%, 81.2% | 56.1, 73.4%, 81.2% |
| CMYK | 73.4%, 68.6%, 0.0%, 18.8% | 0.0%, 4.8%, 73.4%, 18.8% |
| OKLCH | 0.4677 0.2142 271.7 | 0.8075 0.1547 105.3 |
Contrast & Accessibility
4.15:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CFC537 → Background: #3741CF
The quick brown fox jumps over the lazy dog
Text: #3741CF → Background: #CFC537
Color Difference (Delta E)
158.11
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3741CF, #CFC537);
background: linear-gradient(135deg, #3741CF, #CFC537);