#1BB565

#1BB565

Color Values

HEX

#1BB565

RGB

27, 181, 101

HSL

148.8, 74.0%, 40.8%

HSV

148.8, 85.1%, 71.0%

CMYK

85.1%, 0.0%, 44.2%, 29.0%

OKLCH

0.6806 0.1673 153.4

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#1BB565

#B51B6B

Analogous

#1EB51B

#1BB5B2

#1BB565

Triadic

#1BB565

#651BB5

#B5651B

Split Complementary

#1BB565

#B21BB5

#B51B1E

Tetradic

#1BB565

#1B1EB5

#B51B6B

#B5B21B

Color Blindness Simulation

Original

#1BB565

Protanopia

#5E5F78

Deuteranopia

#55497D

Tritanopia

#23888B

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8ED
200
#C1F6DA
300
#95EFC0
400
#5BE69E
500
#21DE7C
600
#1BB163
700
#158E4F
800
#116F3E
900
#10512F
950
#0A331E

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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