#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026