#130FBE
#130FBE
#BABE0F
#BABE0F
Color Values
| Format | #130FBE | #BABE0F |
|---|---|---|
| HEX | #130FBE | #BABE0F |
| RGB | 19, 15, 190 | 186, 190, 15 |
| HSL | 241.4, 85.4%, 40.2% | 61.4, 85.4%, 40.2% |
| HSV | 241.4, 92.1%, 74.5% | 61.4, 92.1%, 74.5% |
| CMYK | 90.0%, 92.1%, 0.0%, 25.5% | 2.1%, 0.0%, 92.1%, 25.5% |
| OKLCH | 0.3744 0.2426 266.7 | 0.7727 0.1677 111.3 |
Contrast & Accessibility
5.69:1
AA Pass
AA Large Pass
AAA Fail
AAA Large Pass
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BABE0F → Background: #130FBE
The quick brown fox jumps over the lazy dog
Text: #130FBE → Background: #BABE0F
Color Difference (Delta E)
183.14
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #130FBE, #BABE0F);
background: linear-gradient(135deg, #130FBE, #BABE0F);