#30684F
#30684F
#683049
#683049
Color Values
| Format | #30684F | #683049 |
|---|---|---|
| HEX | #30684F | #683049 |
| RGB | 48, 104, 79 | 104, 48, 73 |
| HSL | 153.2, 36.8%, 29.8% | 333.2, 36.8%, 29.8% |
| HSV | 153.2, 53.8%, 40.8% | 333.2, 53.8%, 40.8% |
| CMYK | 53.8%, 0.0%, 24.0%, 59.2% | 0.0%, 53.8%, 29.8%, 59.2% |
| OKLCH | 0.4716 0.0726 162.5 | 0.3924 0.086 353.7 |
Contrast & Accessibility
1.53:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #683049 → Background: #30684F
The quick brown fox jumps over the lazy dog
Text: #30684F → Background: #683049
Color Difference (Delta E)
55.86
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #30684F, #683049);
background: linear-gradient(135deg, #30684F, #683049);