#1B8221

#1B8221

Color Values

HEX

#1B8221

RGB

27, 130, 33

HSL

123.5, 65.6%, 30.8%

HSV

123.5, 79.2%, 51.0%

CMYK

79.2%, 0.0%, 74.6%, 49.0%

OKLCH

0.5307 0.1608 143.5

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#1B8221

#821B7C

Analogous

#49821B

#1B8255

#1B8221

Triadic

#1B8221

#211B82

#82211B

Split Complementary

#1B8221

#551B82

#821B49

Tetradic

#1B8221

#1B4982

#821B7C

#82551B

Color Blindness Simulation

Original

#1B8221

Protanopia

#484838

Deuteranopia

#423A3E

Tritanopia

#204B4F

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E4
200
#C4F3C7
300
#9AEA9E
400
#63DF6A
500
#2CD336
600
#23A92B
700
#1C8722
800
#166A1B
900
#144D17
950
#0D310F

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail 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