#B9CDA4

#B9CDA4

Color Values

HEX

#B9CDA4

RGB

185, 205, 164

HSL

89.3, 29.1%, 72.4%

HSV

89.3, 20.0%, 80.4%

CMYK

9.8%, 0.0%, 20.0%, 19.6%

OKLCH

0.8224 0.0598 128.8

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#B9CDA4

#B8A4CD

Analogous

#CDCDA4

#A5CDA4

#B9CDA4

Triadic

#B9CDA4

#A4B9CD

#CDA4B9

Split Complementary

#B9CDA4

#A4A5CD

#CDA4CD

Tetradic

#B9CDA4

#A4CDCD

#B8A4CD

#CDA4A5

Color Blindness Simulation

Original

#B9CDA4

Protanopia

#C2C2AE

Deuteranopia

#C0BFB0

Tritanopia

#BAB6B7

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DCE6D1
300
#C2D4B0
400
#A1BC85
500
#80A55A
600
#678448
700
#52693A
800
#40522D
900
#313D24
950
#1F2717

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026