#36DF61

#36DF61

#DF36B4

#DF36B4

Contrast Ratio

2.23:1

Delta E

164.18

Very Different

50:50 Mix

#AF9E8F

Color Values

Format #36DF61 #DF36B4
HEX #36DF61 #DF36B4
RGB 54, 223, 97 223, 54, 180
HSL 135.3, 72.5%, 54.3% 315.3, 72.5%, 54.3%
HSV 135.3, 75.8%, 87.5% 315.3, 75.8%, 87.5%
CMYK 75.8%, 0.0%, 56.5%, 12.5% 0.0%, 75.8%, 19.3%, 12.5%
OKLCH 0.7939 0.2161 147.2 0.6316 0.2365 340.5

Contrast & Accessibility

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF36B4 → Background: #36DF61

The quick brown fox jumps over the lazy dog

Text: #36DF61 → Background: #DF36B4

Color Difference (Delta E)

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

Gradient

#36DF61 #74CB72 #96B581 #AF9E8F #C2849C #D265A8 #DF36B4

Color Mixing

#36DF61

100%

#87C07A

75:25

#AF9E8F

50:50

#CA75A2

25:75

#DF36B4

100%

CSS Gradient Code

background: linear-gradient(to right, #36DF61, #DF36B4);
background: linear-gradient(135deg, #36DF61, #DF36B4);

Explore Each Color

#36DF61

View full color details

#DF36B4

View full color details

Related Comparisons