#B4FFB6

#B4FFB6

Color Values

HEX

#B4FFB6

RGB

180, 255, 182

HSL

121.6, 100.0%, 85.3%

HSV

121.6, 29.4%, 100.0%

CMYK

29.4%, 0.0%, 28.6%, 0.0%

OKLCH

0.9327 0.1227 145.1

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#B4FFB6

#FFB4FD

Analogous

#D8FFB4

#B4FFDC

#B4FFB6

Triadic

#B4FFB6

#B6B4FF

#FFB6B4

Split Complementary

#B4FFB6

#DCB4FF

#FFB4D8

Tetradic

#B4FFB6

#B4D8FF

#FFB4FD

#FFDCB4

Color Blindness Simulation

Original

#B4FFB6

Protanopia

#D4D5C8

Deuteranopia

#D0CACC

Tritanopia

#B8D6D9

Achromatopsia

#EAEAEA

CSS Usage

background-color: #B4FFB6;
color: #B4FFB6;
border-color: #B4FFB6;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FEF1
100
#DEFCDF
200
#B8FFBA
300
#85FF88
400
#42FF47
500
#00FF07
600
#00CC05
700
#00A304
800
#008003
900
#055C07
950
#033A05

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.92:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026