#B1F609

#B1F609

Color Values

HEX

#B1F609

RGB

177, 246, 9

HSL

77.5, 92.9%, 50.0%

HSV

77.5, 96.3%, 96.5%

CMYK

28.0%, 0.0%, 96.3%, 3.5%

OKLCH

0.8935 0.2306 127.4

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#B1F609

#4E09F6

Analogous

#F6C509

#3AF609

#B1F609

Triadic

#B1F609

#09B1F6

#F609B1

Split Complementary

#B1F609

#093AF6

#C509F6

Tetradic

#B1F609

#09F6C5

#4E09F6

#F6093A

Color Blindness Simulation

Original

#B1F609

Protanopia

#CFCF42

Deuteranopia

#CBC650

Tritanopia

#B4707A

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FAFDF1
100
#F3FBDF
200
#E9FCBA
300
#D9FB89
400
#C5F849
500
#B1F609
600
#8DC507
700
#719D06
800
#587B05
900
#415908
950
#293805

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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