#1B9316

#1B9316

Color Values

HEX

#1B9316

RGB

27, 147, 22

HSL

117.6, 74.0%, 33.1%

HSV

117.6, 85.0%, 57.6%

CMYK

81.6%, 0.0%, 85.0%, 42.4%

OKLCH

0.5783 0.1855 142.4

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#1B9316

#8E1693

Analogous

#599316

#16934F

#1B9316

Triadic

#1B9316

#161B93

#93161B

Split Complementary

#1B9316

#4F1693

#931659

Tetradic

#1B9316

#165993

#8E1693

#934F16

Color Blindness Simulation

Original

#1B9316

Protanopia

#4F5034

Deuteranopia

#483F3C

Tritanopia

#214C51

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E3F8E2
200
#C3F6C1
300
#98EF95
400
#60E65B
500
#29DE21
600
#21B11B
700
#1A8E15
800
#146F11
900
#135110
950
#0C330A

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.23:1

AA Pass AAA Fail

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