#BFDCAF

#BFDCAF

Color Values

HEX

#BFDCAF

RGB

191, 220, 175

HSL

98.7, 39.1%, 77.5%

HSV

98.7, 20.5%, 86.3%

CMYK

13.2%, 0.0%, 20.5%, 13.7%

OKLCH

0.8615 0.0682 134.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BFDCAF

#CCAFDC

Analogous

#D6DCAF

#AFDCB6

#BFDCAF

Triadic

#BFDCAF

#AFBFDC

#DCAFBF

Split Complementary

#BFDCAF

#B6AFDC

#DCAFD6

Tetradic

#BFDCAF

#AFD6DC

#CCAFDC

#DCB6AF

Color Blindness Simulation

Original

#BFDCAF

Protanopia

#CCCCBA

Deuteranopia

#CAC8BC

Tritanopia

#C0C2C4

Achromatopsia

#D3D3D3

CSS Usage

background-color: #BFDCAF;
color: #BFDCAF;
border-color: #BFDCAF;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FAF5
100
#EBF3E7
200
#D7E9CD
300
#BBDAAA
400
#96C67C
500
#71B14E
600
#5A8E3E
700
#487232
800
#395927
900
#2C411F
950
#1B2914

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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