#B5D7AE

#B5D7AE

Color Values

HEX

#B5D7AE

RGB

181, 215, 174

HSL

109.8, 33.9%, 76.3%

HSV

109.8, 19.1%, 84.3%

CMYK

15.8%, 0.0%, 19.1%, 15.7%

OKLCH

0.8435 0.0666 140.3

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#B5D7AE

#D0AED7

Analogous

#CAD7AE

#AED7BC

#B5D7AE

Triadic

#B5D7AE

#AEB5D7

#D7AEB5

Split Complementary

#B5D7AE

#BCAED7

#D7AECA

Tetradic

#B5D7AE

#AECAD7

#D0AED7

#D7BCAE

Color Blindness Simulation

Original

#B5D7AE

Protanopia

#C4C4B8

Deuteranopia

#C2BFBA

Tritanopia

#B7C0C1

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF2E8
200
#D3E7CF
300
#B4D7AD
400
#8CC181
500
#63AB54
600
#4F8943
700
#3F6D36
800
#31552A
900
#273F22
950
#182815

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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