#277B65
#277B65
#7B273D
#7B273D
Color Values
| Format | #277B65 | #7B273D |
|---|---|---|
| HEX | #277B65 | #7B273D |
| RGB | 39, 123, 101 | 123, 39, 61 |
| HSL | 164.3, 51.9%, 31.8% | 344.3, 51.9%, 31.8% |
| HSV | 164.3, 68.3%, 48.2% | 344.3, 68.3%, 48.2% |
| CMYK | 68.3%, 0.0%, 17.9%, 51.8% | 0.0%, 68.3%, 50.4%, 51.8% |
| OKLCH | 0.5266 0.0872 172.0 | 0.4065 0.1174 8.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: #7B273D → Background: #277B65
The quick brown fox jumps over the lazy dog
Text: #277B65 → Background: #7B273D
Color Difference (Delta E)
70.94
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #277B65, #7B273D);
background: linear-gradient(135deg, #277B65, #7B273D);