#080CBB
#080CBB
#BBB708
#BBB708
Color Values
| Format | #080CBB | #BBB708 |
|---|---|---|
| HEX | #080CBB | #BBB708 |
| RGB | 8, 12, 187 | 187, 183, 8 |
| HSL | 238.7, 91.8%, 38.2% | 58.7, 91.8%, 38.2% |
| HSV | 238.7, 95.7%, 73.3% | 58.7, 95.7%, 73.3% |
| CMYK | 95.7%, 93.6%, 0.0%, 26.7% | 0.0%, 2.1%, 95.7%, 26.7% |
| OKLCH | 0.3659 0.2426 265.2 | 0.7581 0.1623 108.1 |
Contrast & Accessibility
5.55:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BBB708 → Background: #080CBB
The quick brown fox jumps over the lazy dog
Text: #080CBB → Background: #BBB708
Color Difference (Delta E)
180.58
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #080CBB, #BBB708);
background: linear-gradient(135deg, #080CBB, #BBB708);