#0F21CF
#0F21CF
#CFBD0F
#CFBD0F
Color Values
| Format | #0F21CF | #CFBD0F |
|---|---|---|
| HEX | #0F21CF | #CFBD0F |
| RGB | 15, 33, 207 | 207, 189, 15 |
| HSL | 234.4, 86.5%, 43.5% | 54.4, 86.5%, 43.5% |
| HSV | 234.4, 92.8%, 81.2% | 54.4, 92.8%, 81.2% |
| CMYK | 92.8%, 84.1%, 0.0%, 18.8% | 0.0%, 8.7%, 92.8%, 18.8% |
| OKLCH | 0.4099 0.2515 265.6 | 0.789 0.1632 102.4 |
Contrast & Accessibility
5.11:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CFBD0F → Background: #0F21CF
The quick brown fox jumps over the lazy dog
Text: #0F21CF → Background: #CFBD0F
Color Difference (Delta E)
181.98
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #0F21CF, #CFBD0F);
background: linear-gradient(135deg, #0F21CF, #CFBD0F);