#2974CC
#2974CC
#CC8129
#CC8129
Color Values
| Format | #2974CC | #CC8129 |
|---|---|---|
| HEX | #2974CC | #CC8129 |
| RGB | 41, 116, 204 | 204, 129, 41 |
| HSL | 212.4, 66.5%, 48.0% | 32.4, 66.5%, 48.0% |
| HSV | 212.4, 79.9%, 80.0% | 32.4, 79.9%, 80.0% |
| CMYK | 79.9%, 43.1%, 0.0%, 20.0% | 0.0%, 36.8%, 79.9%, 20.0% |
| OKLCH | 0.5596 0.1544 255.0 | 0.6678 0.1343 65.1 |
Contrast & Accessibility
1.51:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CC8129 → Background: #2974CC
The quick brown fox jumps over the lazy dog
Text: #2974CC → Background: #CC8129
Color Difference (Delta E)
109.78
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #2974CC, #CC8129);
background: linear-gradient(135deg, #2974CC, #CC8129);