#7BC5EB
#7BC5EB
#EBA17B
#EBA17B
Color Values
| Format | #7BC5EB | #EBA17B |
|---|---|---|
| HEX | #7BC5EB | #EBA17B |
| RGB | 123, 197, 235 | 235, 161, 123 |
| HSL | 200.4, 73.7%, 70.2% | 20.4, 73.7%, 70.2% |
| HSV | 200.4, 47.7%, 92.2% | 20.4, 47.7%, 92.2% |
| CMYK | 47.7%, 16.2%, 0.0%, 7.8% | 0.0%, 31.5%, 47.7%, 7.8% |
| OKLCH | 0.7891 0.0915 231.9 | 0.7726 0.1024 47.9 |
Contrast & Accessibility
1.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #EBA17B → Background: #7BC5EB
The quick brown fox jumps over the lazy dog
Text: #7BC5EB → Background: #EBA17B
Color Difference (Delta E)
67.49
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7BC5EB, #EBA17B);
background: linear-gradient(135deg, #7BC5EB, #EBA17B);