#7EB1FA
#7EB1FA
#FAC77E
#FAC77E
Color Values
| Format | #7EB1FA | #FAC77E |
|---|---|---|
| HEX | #7EB1FA | #FAC77E |
| RGB | 126, 177, 250 | 250, 199, 126 |
| HSL | 215.3, 92.5%, 73.7% | 35.3, 92.5%, 73.7% |
| HSV | 215.3, 49.6%, 98.0% | 35.3, 49.6%, 98.0% |
| CMYK | 49.6%, 29.2%, 0.0%, 2.0% | 0.0%, 20.4%, 49.6%, 2.0% |
| OKLCH | 0.7539 0.1191 257.4 | 0.8593 0.1077 75.4 |
Contrast & Accessibility
1.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #FAC77E → Background: #7EB1FA
The quick brown fox jumps over the lazy dog
Text: #7EB1FA → Background: #FAC77E
Color Difference (Delta E)
85.75
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #7EB1FA, #FAC77E);
background: linear-gradient(135deg, #7EB1FA, #FAC77E);