#3DCF30

#3DCF30

Color Values

HEX

#3DCF30

RGB

61, 207, 48

HSL

115.1, 62.4%, 50.0%

HSV

115.1, 76.8%, 81.2%

CMYK

70.5%, 0.0%, 76.8%, 18.8%

OKLCH

0.7493 0.2287 142.0

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3DCF30

#C230CF

Analogous

#8CCF30

#30CF73

#3DCF30

Triadic

#3DCF30

#303DCF

#CF303D

Split Complementary

#3DCF30

#7330CF

#CF308C

Tetradic

#3DCF30

#308CCF

#C230CF

#CF7330

Color Blindness Simulation

Original

#3DCF30

Protanopia

#7C7D56

Deuteranopia

#746960

Tritanopia

#44757C

Achromatopsia

#A4A4A4

CSS Usage

background-color: #3DCF30;
color: #3DCF30;
border-color: #3DCF30;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F4FBF3
100
#E5F7E4
200
#C9F2C5
300
#A2E89C
400
#6FDC66
500
#3DCF30
600
#31A626
700
#27851F
800
#1E6818
900
#1A4C15
950
#10300D

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.17:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026