#3F97BA

#3F97BA

#BA623F

#BA623F

Contrast Ratio

1.29:1

Delta E

78.04

Very Different

50:50 Mix

#967E7C

Color Values

Format #3F97BA #BA623F
HEX #3F97BA #BA623F
RGB 63, 151, 186 186, 98, 63
HSL 197.1, 49.4%, 48.8% 17.1, 49.4%, 48.8%
HSV 197.1, 66.1%, 72.9% 17.1, 66.1%, 72.9%
CMYK 66.1%, 18.8%, 0.0%, 27.1% 0.0%, 47.3%, 66.1%, 27.1%
OKLCH 0.6378 0.0981 227.7 0.5924 0.1236 41.8

Contrast & Accessibility

1.29:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BA623F → Background: #3F97BA

The quick brown fox jumps over the lazy dog

Text: #3F97BA → Background: #BA623F

Color Difference (Delta E)

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

Gradient

#3F97BA #6A8FA5 #838790 #967E7C #A47568 #B06C53 #BA623F

Color Mixing

#3F97BA

100%

#788B9B

75:25

#967E7C

50:50

#AB715E

25:75

#BA623F

100%

CSS Gradient Code

background: linear-gradient(to right, #3F97BA, #BA623F);
background: linear-gradient(135deg, #3F97BA, #BA623F);

Explore Each Color

#3F97BA

View full color details

#BA623F

View full color details

Related Comparisons