#BFDFBA

#BFDFBA

Color Values

HEX

#BFDFBA

RGB

191, 223, 186

HSL

111.9, 36.6%, 80.2%

HSV

111.9, 16.6%, 87.5%

CMYK

14.3%, 0.0%, 16.6%, 12.5%

OKLCH

0.8705 0.0606 141.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BFDFBA

#DABADF

Analogous

#D1DFBA

#BADFC8

#BFDFBA

Triadic

#BFDFBA

#BABFDF

#DFBABF

Split Complementary

#BFDFBA

#C8BADF

#DFBAD1

Tetradic

#BFDFBA

#BAD1DF

#DABADF

#DFC8BA

Color Blindness Simulation

Original

#BFDFBA

Protanopia

#CDCDC3

Deuteranopia

#CBC9C5

Tritanopia

#C1CACC

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#E9F3E8
200
#D2E8CE
300
#B1D8AB
400
#87C37E
500
#5DAE51
600
#4B8B41
700
#3C6F34
800
#2F5728
900
#254020
950
#172915

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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