#3233F1
#3233F1
#F1F032
#F1F032
Color Values
| Format | #3233F1 | #F1F032 |
|---|---|---|
| HEX | #3233F1 | #F1F032 |
| RGB | 50, 51, 241 | 241, 240, 50 |
| HSL | 239.7, 87.2%, 57.1% | 59.7, 87.2%, 57.1% |
| HSV | 239.7, 79.3%, 94.5% | 59.7, 79.3%, 94.5% |
| CMYK | 79.3%, 78.8%, 0.0%, 5.5% | 0.0%, 0.4%, 79.3%, 5.5% |
| OKLCH | 0.4813 0.268 270.2 | 0.9265 0.1903 109.3 |
Contrast & Accessibility
5.99:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #F1F032 → Background: #3233F1
The quick brown fox jumps over the lazy dog
Text: #3233F1 → Background: #F1F032
Color Difference (Delta E)
201.26
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3233F1, #F1F032);
background: linear-gradient(135deg, #3233F1, #F1F032);