#B2FA69

#B2FA69

Color Values

HEX

#B2FA69

RGB

178, 250, 105

HSL

89.8, 93.5%, 69.6%

HSV

89.8, 58.0%, 98.0%

CMYK

28.8%, 0.0%, 58.0%, 2.0%

OKLCH

0.9085 0.1904 131.4

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#B2FA69

#B169FA

Analogous

#FAF969

#69FA69

#B2FA69

Triadic

#B2FA69

#69B2FA

#FA69B2

Split Complementary

#B2FA69

#6969FA

#F969FA

Tetradic

#B2FA69

#69FAF9

#B169FA

#FA6969

Color Blindness Simulation

Original

#B2FA69

Protanopia

#D1D28C

Deuteranopia

#CDC894

Tritanopia

#B6A8AE

Achromatopsia

#E0E0E0

CSS Usage

background-color: #B2FA69;
color: #B2FA69;
border-color: #B2FA69;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DCFDBA
300
#C2FB89
400
#A1F948
500
#80F708
600
#67C507
700
#529E05
800
#407B04
900
#315908
950
#1F3805

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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