#024F9D

#024F9D

#9D5002

#9D5002

Contrast Ratio

1.37:1

Delta E

101.16

Very Different

50:50 Mix

#794E58

Color Values

Format #024F9D #9D5002
HEX #024F9D #9D5002
RGB 2, 79, 157 157, 80, 2
HSL 210.2, 97.5%, 31.2% 30.2, 97.5%, 31.2%
HSV 210.2, 98.7%, 61.6% 30.2, 98.7%, 61.6%
CMYK 98.7%, 49.7%, 0.0%, 38.4% 0.0%, 49.0%, 98.7%, 38.4%
OKLCH 0.4347 0.143 255.3 0.5157 0.1265 55.2

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: #9D5002 → Background: #024F9D

The quick brown fox jumps over the lazy dog

Text: #024F9D → Background: #9D5002

Color Difference (Delta E)

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

Gradient

#024F9D #4C4E86 #674E6F #794E58 #874F41 #934F28 #9D5002

Color Mixing

#024F9D

100%

#5B4E7A

75:25

#794E58

50:50

#8D4F35

25:75

#9D5002

100%

CSS Gradient Code

background: linear-gradient(to right, #024F9D, #9D5002);
background: linear-gradient(135deg, #024F9D, #9D5002);

Explore Each Color

#024F9D

View full color details

#9D5002

View full color details

Related Comparisons