#0F15CA
#0F15CA
#CAC40F
#CAC40F
Color Values
| Format | #0F15CA | #CAC40F |
|---|---|---|
| HEX | #0F15CA | #CAC40F |
| RGB | 15, 21, 202 | 202, 196, 15 |
| HSL | 238.1, 86.2%, 42.5% | 58.1, 86.2%, 42.5% |
| HSV | 238.1, 92.6%, 79.2% | 58.1, 92.6%, 79.2% |
| CMYK | 92.6%, 89.6%, 0.0%, 20.8% | 0.0%, 3.0%, 92.6%, 20.8% |
| OKLCH | 0.3932 0.2531 265.8 | 0.7994 0.1696 107.4 |
Contrast & Accessibility
5.76:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CAC40F → Background: #0F15CA
The quick brown fox jumps over the lazy dog
Text: #0F15CA → Background: #CAC40F
Color Difference (Delta E)
187.81
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #0F15CA, #CAC40F);
background: linear-gradient(135deg, #0F15CA, #CAC40F);