#1EB9CB
#1EB9CB
#CB301E
#CB301E
Color Values
| Format | #1EB9CB | #CB301E |
|---|---|---|
| HEX | #1EB9CB | #CB301E |
| RGB | 30, 185, 203 | 203, 48, 30 |
| HSL | 186.2, 74.2%, 45.7% | 6.2, 74.2%, 45.7% |
| HSV | 186.2, 85.2%, 79.6% | 6.2, 85.2%, 79.6% |
| CMYK | 85.2%, 8.9%, 0.0%, 20.4% | 0.0%, 76.4%, 85.2%, 20.4% |
| OKLCH | 0.7204 0.1191 207.6 | 0.553 0.194 30.6 |
Contrast & Accessibility
2.22:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CB301E → Background: #1EB9CB
The quick brown fox jumps over the lazy dog
Text: #1EB9CB → Background: #CB301E
Color Difference (Delta E)
114.78
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #1EB9CB, #CB301E);
background: linear-gradient(135deg, #1EB9CB, #CB301E);