#BFD893

#BFD893

Color Values

HEX

#BFD893

RGB

191, 216, 147

HSL

81.7, 46.9%, 71.2%

HSV

81.7, 31.9%, 84.7%

CMYK

11.6%, 0.0%, 31.9%, 15.3%

OKLCH

0.847 0.095 124.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BFD893

#AC93D8

Analogous

#D8CE93

#9DD893

#BFD893

Triadic

#BFD893

#93BFD8

#D893BF

Split Complementary

#BFD893

#939DD8

#CE93D8

Tetradic

#BFD893

#93D8CE

#AC93D8

#D8939D

Color Blindness Simulation

Original

#BFD893

Protanopia

#CACAA4

Deuteranopia

#C8C6A8

Tritanopia

#C0B1B4

Achromatopsia

#CECECE

CSS Usage

background-color: #BFD893;
color: #BFD893;
border-color: #BFD893;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#E0ECCB
300
#CADFA5
400
#ADCD74
500
#90BB44
600
#739636
700
#5C782B
800
#485E22
900
#36451C
950
#222C12

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026