#1F45C5

#1F45C5

#C59F1F

#C59F1F

Contrast Ratio

3.08:1

Delta E

142.59

Very Different

50:50 Mix

#986E7E

Color Values

Format #1F45C5 #C59F1F
HEX #1F45C5 #C59F1F
RGB 31, 69, 197 197, 159, 31
HSL 226.3, 72.8%, 44.7% 46.3, 72.8%, 44.7%
HSV 226.3, 84.3%, 77.3% 46.3, 84.3%, 77.3%
CMYK 84.3%, 65.0%, 0.0%, 22.7% 0.0%, 19.3%, 84.3%, 22.7%
OKLCH 0.4547 0.2032 265.5 0.7174 0.1391 90.4

Contrast & Accessibility

3.08:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C59F1F → Background: #1F45C5

The quick brown fox jumps over the lazy dog

Text: #1F45C5 → Background: #C59F1F

Color Difference (Delta E)

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

Gradient

#1F45C5 #6151AE #815F96 #986E7E #A97E65 #B88E49 #C59F1F

Color Mixing

#1F45C5

100%

#7358A2

75:25

#986E7E

50:50

#B18658

25:75

#C59F1F

100%

CSS Gradient Code

background: linear-gradient(to right, #1F45C5, #C59F1F);
background: linear-gradient(135deg, #1F45C5, #C59F1F);

Explore Each Color

#1F45C5

View full color details

#C59F1F

View full color details

Related Comparisons