#1FCB70

#1FCB70

Color Values

HEX

#1FCB70

RGB

31, 203, 112

HSL

148.3, 73.5%, 45.9%

HSV

148.3, 84.7%, 79.6%

CMYK

84.7%, 0.0%, 44.8%, 20.4%

OKLCH

0.741 0.1841 153.0

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#1FCB70

#CB1F7A

Analogous

#24CB1F

#1FCBC6

#1FCB70

Triadic

#1FCB70

#701FCB

#CB701F

Split Complementary

#1FCB70

#C61FCB

#CB1F24

Tetradic

#1FCB70

#1F24CB

#CB1F7A

#CBC61F

Color Blindness Simulation

Original

#1FCB70

Protanopia

#6A6B86

Deuteranopia

#60538B

Tritanopia

#28979B

Achromatopsia

#A0A0A0

CSS Usage

background-color: #1FCB70;
color: #1FCB70;
border-color: #1FCB70;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F6DA
300
#95EFBF
400
#5BE69D
500
#22DD7A
600
#1BB162
700
#168E4E
800
#116F3D
900
#10502F
950
#0A331D

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

9.83: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