#BDF2BB

#BDF2BB

Color Values

HEX

#BDF2BB

RGB

189, 242, 187

HSL

117,8, 67,9%, 84,1%

HSV

117,8, 22,7%, 94,9%

CMYK

21,9%, 0,0%, 22,7%, 5,1%

OKLCH

0,9105 0,0917 143,9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BDF2BB

#F0BBF2

Analogous

#D8F2BB

#BBF2D4

#BDF2BB

Triadic

#BDF2BB

#BBBDF2

#F2BBBD

Split Complementary

#BDF2BB

#D4BBF2

#F2BBD8

Tetradic

#BDF2BB

#BBD8F2

#F0BBF2

#F2D4BB

Color Blindness Simulation

Original

#BDF2BB

Protanopia

#D4D4C8

Deuteranopia

#D1CDCC

Tritanopia

#C0D3D5

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E4F7E3
200
#C5F4C3
300
#9BEB98
400
#65E161
500
#2FD629
600
#26AB21
700
#1E891A
800
#186B14
900
#154E13
950
#0D310C

Contrast Checker

Text on white

1,27:1

AA Fail AAA Fail

Text on black

16,58: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