#BFDFB2

#BFDFB2

Color Values

HEX

#BFDFB2

RGB

191, 223, 178

HSL

102,7, 41,3%, 78,6%

HSV

102,7, 20,2%, 87,5%

CMYK

14,3%, 0,0%, 20,2%, 12,5%

OKLCH

0,8686 0,0696 136,7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BFDFB2

#D2B2DF

Analogous

#D5DFB2

#B2DFBB

#BFDFB2

Triadic

#BFDFB2

#B2BFDF

#DFB2BF

Split Complementary

#BFDFB2

#BBB2DF

#DFB2D5

Tetradic

#BFDFB2

#B2D5DF

#D2B2DF

#DFBBB2

Color Blindness Simulation

Original

#BFDFB2

Protanopia

#CDCDBD

Deuteranopia

#CBC9C0

Tritanopia

#C1C5C7

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D5EACD
300
#B7DBA9
400
#90C87A
500
#69B44B
600
#54903C
700
#437330
800
#355A25
900
#29421E
950
#1A2A13

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,41: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