#548DFC
#548DFC
#FCC354
#FCC354
Color Values
| Format | #548DFC | #FCC354 |
|---|---|---|
| HEX | #548DFC | #FCC354 |
| RGB | 84, 141, 252 | 252, 195, 84 |
| HSL | 219.6, 96.6%, 65.9% | 39.6, 96.6%, 65.9% |
| HSV | 219.6, 66.7%, 98.8% | 39.6, 66.7%, 98.8% |
| CMYK | 66.7%, 44.0%, 0.0%, 1.2% | 0.0%, 22.6%, 66.7%, 1.2% |
| OKLCH | 0.6592 0.1758 262.2 | 0.8486 0.1415 81.3 |
Contrast & Accessibility
1.98:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FCC354 → Background: #548DFC
The quick brown fox jumps over the lazy dog
Text: #548DFC → Background: #FCC354
Color Difference (Delta E)
124.82
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #548DFC, #FCC354);
background: linear-gradient(135deg, #548DFC, #FCC354);