#3AAFAB

#3AAFAB

#AF3A3E

#AF3A3E

Contrast Ratio

2.26:1

Delta E

89.69

Very Different

50:50 Mix

#937B72

Color Values

Format #3AAFAB #AF3A3E
HEX #3AAFAB #AF3A3E
RGB 58, 175, 171 175, 58, 62
HSL 177.9, 50.2%, 45.7% 357.9, 50.2%, 45.7%
HSV 177.9, 66.9%, 68.6% 357.9, 66.9%, 68.6%
CMYK 66.9%, 0.0%, 2.3%, 31.4% 0.0%, 66.9%, 64.6%, 31.4%
OKLCH 0.6891 0.1022 191.8 0.5183 0.1523 22.3

Contrast & Accessibility

2.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF3A3E → Background: #3AAFAB

The quick brown fox jumps over the lazy dog

Text: #3AAFAB → Background: #AF3A3E

Color Difference (Delta E)

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

Gradient

#3AAFAB #689E98 #828D85 #937B72 #9F6860 #A8534F #AF3A3E

Color Mixing

#3AAFAB

100%

#76968E

75:25

#937B72

50:50

#A45E57

25:75

#AF3A3E

100%

CSS Gradient Code

background: linear-gradient(to right, #3AAFAB, #AF3A3E);
background: linear-gradient(135deg, #3AAFAB, #AF3A3E);

Explore Each Color

#3AAFAB

View full color details

#AF3A3E

View full color details

Related Comparisons