#4340C0
#4340C0
#BDC040
#BDC040
Color Values
| Format | #4340C0 | #BDC040 |
|---|---|---|
| HEX | #4340C0 | #BDC040 |
| RGB | 67, 64, 192 | 189, 192, 64 |
| HSL | 241.4, 50.4%, 50.2% | 61.4, 50.4%, 50.2% |
| HSV | 241.4, 66.7%, 75.3% | 61.4, 66.7%, 75.3% |
| CMYK | 65.1%, 66.7%, 0.0%, 24.7% | 1.6%, 0.0%, 66.7%, 24.7% |
| OKLCH | 0.4594 0.1935 276.6 | 0.782 0.1471 110.7 |
Contrast & Accessibility
3.94:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #BDC040 β Background: #4340C0
The quick brown fox jumps over the lazy dog
Text: #4340C0 β Background: #BDC040
Color Difference (Delta E)
145.86
Very Different
0 β Identical
5 β Similar
25 β Noticeable
100 β Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #4340C0, #BDC040);
background: linear-gradient(135deg, #4340C0, #BDC040);