#040CFB
#040CFB
#FBF304
#FBF304
Color Values
| Format | #040CFB | #FBF304 |
|---|---|---|
| HEX | #040CFB | #FBF304 |
| RGB | 4, 12, 251 | 251, 243, 4 |
| HSL | 238.1, 96.9%, 50.0% | 58.1, 96.9%, 50.0% |
| HSV | 238.1, 98.4%, 98.4% | 58.1, 98.4%, 98.4% |
| CMYK | 98.4%, 95.2%, 0.0%, 1.6% | 0.0%, 3.2%, 98.4%, 1.6% |
| OKLCH | 0.4512 0.3063 264.4 | 0.9399 0.2014 107.3 |
Contrast & Accessibility
7.31:1
AA Pass
AA Large Pass
AAA Pass
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FBF304 → Background: #040CFB
The quick brown fox jumps over the lazy dog
Text: #040CFB → Background: #FBF304
Color Difference (Delta E)
226.7
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #040CFB, #FBF304);
background: linear-gradient(135deg, #040CFB, #FBF304);