#BADB6C

#BADB6C

Color Values

HEX

#BADB6C

RGB

186, 219, 108

HSL

77.8, 60.7%, 64.1%

HSV

77.8, 50.7%, 85.9%

CMYK

15.1%, 0.0%, 50.7%, 14.1%

OKLCH

0.8439 0.1431 123.2

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BADB6C

#8D6CDB

Analogous

#DBC46C

#82DB6C

#BADB6C

Triadic

#BADB6C

#6CBADB

#DB6CBA

Split Complementary

#BADB6C

#6C82DB

#C46CDB

Tetradic

#BADB6C

#6CDBC4

#8D6CDB

#DB6C82

Color Blindness Simulation

Original

#BADB6C

Protanopia

#C8C987

Deuteranopia

#C6C48D

Tritanopia

#BC9CA1

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F9FBF3
100
#F1F6E4
200
#E4F1C6
300
#D1E79D
400
#B8DA67
500
#9FCD32
600
#7FA428
700
#668320
800
#4F6619
900
#3B4B16
950
#252F0E

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.44:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026