#1BF418

#1BF418

Color Values

HEX

#1BF418

RGB

27, 244, 24

HSL

119.2, 90.9%, 52.5%

HSV

119.2, 90.2%, 95.7%

CMYK

88.9%, 0.0%, 90.2%, 4.3%

OKLCH

0.8397 0.2799 142.5

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#1BF418

#F118F4

Analogous

#89F418

#18F483

#1BF418

Triadic

#1BF418

#181BF4

#F4181B

Split Complementary

#1BF418

#8318F4

#F41889

Tetradic

#1BF418

#1889F4

#F118F4

#F48318

Color Blindness Simulation

Original

#1BF418

Protanopia

#797B4D

Deuteranopia

#6C5C5A

Tritanopia

#267780

Achromatopsia

#B6B6B6

CSS Usage

background-color: #1BF418;
color: #1BF418;
border-color: #1BF418;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFCBB
300
#8CF98A
400
#4DF64B
500
#0FF30C
600
#0CC309
700
#099C07
800
#077A06
900
#0A5809
950
#063806

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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