#3A94DF
#3A94DF
#DF853A
#DF853A
Color Values
| Format | #3A94DF | #DF853A |
|---|---|---|
| HEX | #3A94DF | #DF853A |
| RGB | 58, 148, 223 | 223, 133, 58 |
| HSL | 207.3, 72.1%, 55.1% | 27.3, 72.1%, 55.1% |
| HSV | 207.3, 74.0%, 87.5% | 27.3, 74.0%, 87.5% |
| CMYK | 74.0%, 33.6%, 0.0%, 12.5% | 0.0%, 40.4%, 74.0%, 12.5% |
| OKLCH | 0.6478 0.1406 247.4 | 0.7001 0.141 57.0 |
Contrast & Accessibility
1.17:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #DF853A → Background: #3A94DF
The quick brown fox jumps over the lazy dog
Text: #3A94DF → Background: #DF853A
Color Difference (Delta E)
103.65
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #3A94DF, #DF853A);
background: linear-gradient(135deg, #3A94DF, #DF853A);