#3BAFA5

#3BAFA5

#AF3B45

#AF3B45

Contrast Ratio

2.22:1

Delta E

88.78

Very Different

50:50 Mix

#917C73

Color Values

Format #3BAFA5 #AF3B45
HEX #3BAFA5 #AF3B45
RGB 59, 175, 165 175, 59, 69
HSL 174.8, 49.6%, 45.9% 354.8, 49.6%, 45.9%
HSV 174.8, 66.3%, 68.6% 354.8, 66.3%, 68.6%
CMYK 66.3%, 0.0%, 5.7%, 31.4% 0.0%, 66.3%, 60.6%, 31.4%
OKLCH 0.6874 0.103 186.9 0.5208 0.1507 19.2

Contrast & Accessibility

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3B45 → Background: #3BAFA5

The quick brown fox jumps over the lazy dog

Text: #3BAFA5 → Background: #AF3B45

Color Difference (Delta E)

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

Gradient

#3BAFA5 #679F94 #808E83 #917C73 #9E6963 #A85454 #AF3B45

Color Mixing

#3BAFA5

100%

#75968C

75:25

#917C73

50:50

#A35F5B

25:75

#AF3B45

100%

CSS Gradient Code

background: linear-gradient(to right, #3BAFA5, #AF3B45);
background: linear-gradient(135deg, #3BAFA5, #AF3B45);

Explore Each Color

#3BAFA5

View full color details

#AF3B45

View full color details

Related Comparisons