#1BAF60

#1BAF60

Color Values

HEX

#1BAF60

RGB

27, 175, 96

HSL

148.0, 73.3%, 39.6%

HSV

148.0, 84.6%, 68.6%

CMYK

84.6%, 0.0%, 45.1%, 31.4%

OKLCH

0.6637 0.1643 152.9

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#1BAF60

#AF1B6A

Analogous

#20AF1B

#1BAFAA

#1BAF60

Triadic

#1BAF60

#601BAF

#AF601B

Split Complementary

#1BAF60

#AA1BAF

#AF1B20

Tetradic

#1BAF60

#1B20AF

#AF1B6A

#AFAA1B

Color Blindness Simulation

Original

#1BAF60

Protanopia

#5B5C73

Deuteranopia

#524778

Tritanopia

#228286

Achromatopsia

#8A8A8A

CSS Usage

background-color: #1BAF60;
color: #1BAF60;
border-color: #1BAF60;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C1F5DA
300
#95EFBF
400
#5BE69C
500
#22DD79
600
#1BB161
700
#168D4E
800
#116E3D
900
#10502E
950
#0A331D

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.35:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026