#4D7DBB

#4D7DBB

#BB8B4D

#BB8B4D

Contrast Ratio

1.39:1

Delta E

78.4

Very Different

50:50 Mix

#958386

Color Values

Format #4D7DBB #BB8B4D
HEX #4D7DBB #BB8B4D
RGB 77, 125, 187 187, 139, 77
HSL 213.8, 44.7%, 51.8% 33.8, 44.7%, 51.8%
HSV 213.8, 58.8%, 73.3% 33.8, 58.8%, 73.3%
CMYK 58.8%, 33.2%, 0.0%, 26.7% 0.0%, 25.7%, 58.8%, 26.7%
OKLCH 0.5835 0.1094 255.4 0.6704 0.0986 71.8

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BB8B4D → Background: #4D7DBB

The quick brown fox jumps over the lazy dog

Text: #4D7DBB → Background: #BB8B4D

Color Difference (Delta E)

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

Gradient

#4D7DBB #6D7FA9 #838197 #958386 #A38673 #B08861 #BB8B4D

Color Mixing

#4D7DBB

100%

#7980A0

75:25

#958386

50:50

#AA876A

25:75

#BB8B4D

100%

CSS Gradient Code

background: linear-gradient(to right, #4D7DBB, #BB8B4D);
background: linear-gradient(135deg, #4D7DBB, #BB8B4D);

Explore Each Color

#4D7DBB

View full color details

#BB8B4D

View full color details

Related Comparisons