#026F7C

#026F7C

#7C0F02

#7C0F02

Contrast Ratio

1.85:1

Delta E

85.12

Very Different

50:50 Mix

#67493F

Color Values

Format #026F7C #7C0F02
HEX #026F7C #7C0F02
RGB 2, 111, 124 124, 15, 2
HSL 186.4, 96.8%, 24.7% 6.4, 96.8%, 24.7%
HSV 186.4, 98.4%, 48.6% 6.4, 98.4%, 48.6%
CMYK 98.4%, 10.5%, 0.0%, 51.4% 0.0%, 87.9%, 98.4%, 51.4%
OKLCH 0.4961 0.0851 209.0 0.3761 0.1436 31.1

Contrast & Accessibility

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #7C0F02 → Background: #026F7C

The quick brown fox jumps over the lazy dog

Text: #026F7C → Background: #7C0F02

Color Difference (Delta E)

85.12 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#026F7C #436367 #595653 #67493F #713B2C #772919 #7C0F02

Color Mixing

#026F7C

100%

#4F5D5D

75:25

#67493F

50:50

#743322

25:75

#7C0F02

100%

CSS Gradient Code

background: linear-gradient(to right, #026F7C, #7C0F02);
background: linear-gradient(135deg, #026F7C, #7C0F02);

Explore Each Color

#026F7C

View full color details

#7C0F02

View full color details

Related Comparisons