#399EB5
#399EB5
#B55039
#B55039
Color Values
| Format | #399EB5 | #B55039 |
|---|---|---|
| HEX | #399EB5 | #B55039 |
| RGB | 57, 158, 181 | 181, 80, 57 |
| HSL | 191.1, 52.1%, 46.7% | 11.1, 52.1%, 46.7% |
| HSV | 191.1, 68.5%, 71.0% | 11.1, 68.5%, 71.0% |
| CMYK | 68.5%, 12.7%, 0.0%, 29.0% | 0.0%, 55.8%, 68.5%, 29.0% |
| OKLCH | 0.6508 0.097 215.9 | 0.5562 0.1368 34.2 |
Contrast & Accessibility
1.61:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #B55039 → Background: #399EB5
The quick brown fox jumps over the lazy dog
Text: #399EB5 → Background: #B55039
Color Difference (Delta E)
82.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #399EB5, #B55039);
background: linear-gradient(135deg, #399EB5, #B55039);