#B4F0B3

#B4F0B3

Color Values

HEX

#B4F0B3

RGB

180, 240, 179

HSL

119.0, 67.0%, 82.2%

HSV

119.0, 25.4%, 94.1%

CMYK

25.0%, 0.0%, 25.4%, 5.9%

OKLCH

0.8988 0.1024 144.3

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#B4F0B3

#EFB3F0

Analogous

#D3F0B3

#B3F0D1

#B4F0B3

Triadic

#B4F0B3

#B3B4F0

#F0B3B4

Split Complementary

#B4F0B3

#D1B3F0

#F0B3D3

Tetradic

#B4F0B3

#B3D3F0

#EFB3F0

#F0D1B3

Color Blindness Simulation

Original

#B4F0B3

Protanopia

#CECFC2

Deuteranopia

#CAC6C5

Tritanopia

#B7CDD0

Achromatopsia

#DFDFDF

CSS Usage

background-color: #B4F0B3;
color: #B4F0B3;
border-color: #B4F0B3;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F3FCF3
100
#E3F7E3
200
#C4F3C3
300
#9AEB99
400
#64E061
500
#2DD52A
600
#24AA22
700
#1D881B
800
#166A15
900
#144E13
950
#0D310C

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.06:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026