#0336FC
#0336FC
#FCC903
#FCC903
Color Values
| Format | #0336FC | #FCC903 |
|---|---|---|
| HEX | #0336FC | #FCC903 |
| RGB | 3, 54, 252 | 252, 201, 3 |
| HSL | 227.7, 97.6%, 50.0% | 47.7, 97.6%, 50.0% |
| HSV | 227.7, 98.8%, 98.8% | 47.7, 98.8%, 98.8% |
| CMYK | 98.8%, 78.6%, 0.0%, 1.2% | 0.0%, 20.2%, 98.8%, 1.2% |
| OKLCH | 0.4852 0.2853 264.2 | 0.8564 0.1747 90.1 |
Contrast & Accessibility
4.59:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FCC903 → Background: #0336FC
The quick brown fox jumps over the lazy dog
Text: #0336FC → Background: #FCC903
Color Difference (Delta E)
196.53
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #0336FC, #FCC903);
background: linear-gradient(135deg, #0336FC, #FCC903);