#BBF2C4

#BBF2C4

Color Values

HEX

#BBF2C4

RGB

187, 242, 196

HSL

129.8, 67.9%, 84.1%

HSV

129.8, 22.7%, 94.9%

CMYK

22.7%, 0.0%, 19.0%, 5.1%

OKLCH

0.9113 0.0839 149.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BBF2C4

#F2BBE9

Analogous

#CDF2BB

#BBF2DF

#BBF2C4

Triadic

#BBF2C4

#C4BBF2

#F2C4BB

Split Complementary

#BBF2C4

#DFBBF2

#F2BBCD

Tetradic

#BBF2C4

#BBCDF2

#F2BBE9

#F2DFBB

Color Blindness Simulation

Original

#BBF2C4

Protanopia

#D3D3CF

Deuteranopia

#D0CCD2

Tritanopia

#BED8DA

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F3FCF4
100
#E3F7E6
200
#C3F4CB
300
#98EBA6
400
#61E176
500
#29D645
600
#21AB37
700
#1A892C
800
#146B23
900
#134E1D
950
#0C3112

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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