#0F386D
#0F386D
#6D440F
#6D440F
Color Values
| Format | #0F386D | #6D440F |
|---|---|---|
| HEX | #0F386D | #6D440F |
| RGB | 15, 56, 109 | 109, 68, 15 |
| HSL | 213.8, 75.8%, 24.3% | 33.8, 75.8%, 24.3% |
| HSV | 213.8, 86.2%, 42.7% | 33.8, 86.2%, 42.7% |
| CMYK | 86.2%, 48.6%, 0.0%, 57.3% | 0.0%, 37.6%, 86.2%, 57.3% |
| OKLCH | 0.3451 0.1025 256.8 | 0.425 0.0856 67.4 |
Contrast & Accessibility
1.37:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Text Readability
The quick brown fox jumps over the lazy dog
Text: #6D440F → Background: #0F386D
The quick brown fox jumps over the lazy dog
Text: #0F386D → Background: #6D440F
Color Difference (Delta E)
72.26
Very Different
0 — Identical
5 — Similar
25 — Noticeable
100 — Very Different
Gradient
Color Mixing
CSS Gradient Code
background: linear-gradient(to right, #0F386D, #6D440F);
background: linear-gradient(135deg, #0F386D, #6D440F);