#24B080

#24B080

#B02454

#B02454

Contrast Ratio

2.35:1

Delta E

107.88

Very Different

50:50 Mix

#8C7869

Color Values

Format #24B080 #B02454
HEX #24B080 #B02454
RGB 36, 176, 128 176, 36, 84
HSL 159.4, 66.0%, 41.6% 339.4, 66.0%, 41.6%
HSV 159.4, 79.5%, 69.0% 339.4, 79.5%, 69.0%
CMYK 79.5%, 0.0%, 27.3%, 31.0% 0.0%, 79.5%, 52.3%, 31.0%
OKLCH 0.6744 0.1349 164.1 0.504 0.1768 6.4

Contrast & Accessibility

2.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B02454 → Background: #24B080

The quick brown fox jumps over the lazy dog

Text: #24B080 → Background: #B02454

Color Difference (Delta E)

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

Gradient

#24B080 #5C9E78 #788C71 #8C7869 #9B6362 #A7495B #B02454

Color Mixing

#24B080

100%

#6C9575

75:25

#8C7869

50:50

#A1575E

25:75

#B02454

100%

CSS Gradient Code

background: linear-gradient(to right, #24B080, #B02454);
background: linear-gradient(135deg, #24B080, #B02454);

Explore Each Color

#24B080

View full color details

#B02454

View full color details

Related Comparisons