#367BCA
#367BCA
#CA8536
#CA8536
Color Values
| Format | #367BCA | #CA8536 |
|---|---|---|
| HEX | #367BCA | #CA8536 |
| RGB | 54, 123, 202 | 202, 133, 54 |
| HSL | 212.0, 58.3%, 50.2% | 32.0, 58.3%, 50.2% |
| HSV | 212.0, 73.3%, 79.2% | 32.0, 73.3%, 79.2% |
| CMYK | 73.3%, 39.1%, 0.0%, 20.8% | 0.0%, 34.2%, 73.3%, 20.8% |
| OKLCH | 0.578 0.1402 253.9 | 0.6737 0.1255 66.0 |
Contrast & Accessibility
1.43:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CA8536 → Background: #367BCA
The quick brown fox jumps over the lazy dog
Text: #367BCA → Background: #CA8536
Color Difference (Delta E)
100.35
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #367BCA, #CA8536);
background: linear-gradient(135deg, #367BCA, #CA8536);