#398CB2

#398CB2

#B25F39

#B25F39

Contrast Ratio

1.21:1

Delta E

77.0

Very Different

50:50 Mix

#8F7775

Color Values

Format #398CB2 #B25F39
HEX #398CB2 #B25F39
RGB 57, 140, 178 178, 95, 57
HSL 198.8, 51.5%, 46.1% 18.8, 51.5%, 46.1%
HSV 198.8, 68.0%, 69.8% 18.8, 68.0%, 69.8%
CMYK 68.0%, 21.3%, 0.0%, 30.2% 0.0%, 46.6%, 68.0%, 30.2%
OKLCH 0.6058 0.0979 231.4 0.5755 0.1196 44.2

Contrast & Accessibility

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B25F39 → Background: #398CB2

The quick brown fox jumps over the lazy dog

Text: #398CB2 → Background: #B25F39

Color Difference (Delta E)

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

Gradient

#398CB2 #64859D #7D7E89 #8F7775 #9D6F61 #A8684D #B25F39

Color Mixing

#398CB2

100%

#718293

75:25

#8F7775

50:50

#A36C57

25:75

#B25F39

100%

CSS Gradient Code

background: linear-gradient(to right, #398CB2, #B25F39);
background: linear-gradient(135deg, #398CB2, #B25F39);

Explore Each Color

#398CB2

View full color details

#B25F39

View full color details

Related Comparisons