#B9C699

#B9C699

Color Values

HEX

#B9C699

RGB

185, 198, 153

HSL

77.3, 28.3%, 68.8%

HSV

77.3, 22.7%, 77.6%

CMYK

6.6%, 0.0%, 22.7%, 22.4%

OKLCH

0.8049 0.0626 120.9

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#B9C699

#A699C6

Analogous

#C6BC99

#A2C699

#B9C699

Triadic

#B9C699

#99B9C6

#C699B9

Split Complementary

#B9C699

#99A2C6

#BC99C6

Tetradic

#B9C699

#99C6BC

#A699C6

#C699A2

Color Blindness Simulation

Original

#B9C699

Protanopia

#BFBFA4

Deuteranopia

#BEBDA6

Tritanopia

#BAACAE

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EFF1E9
200
#E0E5D1
300
#C9D3B0
400
#ACBB86
500
#8FA45B
600
#728349
700
#5B693B
800
#47522E
900
#363D24
950
#222617

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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