#1BC309

#1BC309

Color Values

HEX

#1BC309

RGB

27, 195, 9

HSL

114.2, 91.2%, 40.0%

HSV

114.2, 95.4%, 76.5%

CMYK

86.2%, 0.0%, 95.4%, 23.5%

OKLCH

0.7101 0.2369 142.1

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#1BC309

#B109C3

Analogous

#78C309

#09C354

#1BC309

Triadic

#1BC309

#091BC3

#C3091B

Split Complementary

#1BC309

#5409C3

#C30978

Tetradic

#1BC309

#0978C3

#B109C3

#C35409

Color Blindness Simulation

Original

#1BC309

Protanopia

#646536

Deuteranopia

#5A4D41

Tritanopia

#235A61

Achromatopsia

#929292

CSS Usage

background-color: #1BC309;
color: #1BC309;
border-color: #1BC309;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F3FDF1
100
#E2FBDF
200
#C1FCBB
300
#95FA8A
400
#5BF74B
500
#22F40B
600
#1BC309
700
#169C07
800
#117A06
900
#105809
950
#0A3805

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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