#B8C469

#B8C469

Color Values

HEX

#B8C469

RGB

184, 196, 105

HSL

67.9, 43.5%, 59.0%

HSV

67.9, 46.4%, 76.9%

CMYK

6.1%, 0.0%, 46.4%, 23.1%

OKLCH

0.7912 0.1166 115.3

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#B8C469

#7569C4

Analogous

#C4A269

#8AC469

#B8C469

Triadic

#B8C469

#69B8C4

#C469B8

Split Complementary

#B8C469

#698AC4

#A269C4

Tetradic

#B8C469

#69C4A2

#7569C4

#C4698A

Color Blindness Simulation

Original

#B8C469

Protanopia

#BDBD7F

Deuteranopia

#BCBC84

Tritanopia

#B99094

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EBCC
300
#D5DCA7
400
#BFCA78
500
#A8B748
600
#87923A
700
#6C752E
800
#545B24
900
#3E431D
950
#272B13

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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