#309ABC

#309ABC

#BC5230

#BC5230

Contrast Ratio

1.48:1

Delta E

89.4

Very Different

50:50 Mix

#987975

Color Values

Format #309ABC #BC5230
HEX #309ABC #BC5230
RGB 48, 154, 188 188, 82, 48
HSL 194.6, 59.3%, 46.3% 14.6, 59.3%, 46.3%
HSV 194.6, 74.5%, 73.7% 14.6, 74.5%, 73.7%
CMYK 74.5%, 18.1%, 0.0%, 26.3% 0.0%, 56.4%, 74.5%, 26.3%
OKLCH 0.6417 0.1057 223.9 0.5687 0.1453 38.0

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC5230 → Background: #309ABC

The quick brown fox jumps over the lazy dog

Text: #309ABC → Background: #BC5230

Color Difference (Delta E)

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

Gradient

#309ABC #6790A4 #84858C #987975 #A76D5E #B36147 #BC5230

Color Mixing

#309ABC

100%

#778A98

75:25

#987975

50:50

#AD6753

25:75

#BC5230

100%

CSS Gradient Code

background: linear-gradient(to right, #309ABC, #BC5230);
background: linear-gradient(135deg, #309ABC, #BC5230);

Explore Each Color

#309ABC

View full color details

#BC5230

View full color details

Related Comparisons