#09A9CF
#09A9CF
#CF2F09
#CF2F09
Color Values
| Format | #09A9CF | #CF2F09 |
|---|---|---|
| HEX | #09A9CF | #CF2F09 |
| RGB | 9, 169, 207 | 207, 47, 9 |
| HSL | 191.5, 91.7%, 42.4% | 11.5, 91.7%, 42.4% |
| HSV | 191.5, 95.7%, 81.2% | 11.5, 95.7%, 81.2% |
| CMYK | 95.7%, 18.4%, 0.0%, 18.8% | 0.0%, 77.3%, 95.7%, 18.8% |
| OKLCH | 0.6813 0.1244 221.7 | 0.5582 0.2004 33.1 |
Contrast & Accessibility
1.87:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #CF2F09 → Background: #09A9CF
The quick brown fox jumps over the lazy dog
Text: #09A9CF → Background: #CF2F09
Color Difference (Delta E)
120.42
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #09A9CF, #CF2F09);
background: linear-gradient(135deg, #09A9CF, #CF2F09);