#1B9054

#1B9054

Color Values

HEX

#1B9054

RGB

27, 144, 84

HSL

149.2, 68.4%, 33.5%

HSV

149.2, 81.2%, 56.5%

CMYK

81.3%, 0.0%, 41.7%, 43.5%

OKLCH

0.5773 0.1351 154.6

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#1B9054

#901B57

Analogous

#1D901B

#1B908E

#1B9054

Triadic

#1B9054

#541B90

#90541B

Split Complementary

#1B9054

#8E1B90

#901B1D

Tetradic

#1B9054

#1B1D90

#901B57

#908E1B

Color Blindness Simulation

Original

#1B9054

Protanopia

#4E4F63

Deuteranopia

#473E66

Tritanopia

#216E70

Achromatopsia

#737373

CSS Usage

background-color: #1B9054;
color: #1B9054;
border-color: #1B9054;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF7
100
#E3F8ED
200
#C3F4DB
300
#98ECC1
400
#60E19F
500
#28D77D
600
#20AC64
700
#1A8950
800
#146B3F
900
#134E30
950
#0C311E

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026