#BADB67

#BADB67

Color Values

HEX

#BADB67

RGB

186, 219, 103

HSL

77.1, 61.7%, 63.1%

HSV

77.1, 53.0%, 85.9%

CMYK

15.1%, 0.0%, 53.0%, 14.1%

OKLCH

0.8433 0.1479 122.8

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BADB67

#8867DB

Analogous

#DBC267

#80DB67

#BADB67

Triadic

#BADB67

#67BADB

#DB67BA

Split Complementary

#BADB67

#6780DB

#C267DB

Tetradic

#BADB67

#67DBC2

#8867DB

#DB6780

Color Blindness Simulation

Original

#BADB67

Protanopia

#C8C983

Deuteranopia

#C6C48A

Tritanopia

#BC999E

Achromatopsia

#CCCCCC

CSS Usage

background-color: #BADB67;
color: #BADB67;
border-color: #BADB67;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FBF3
100
#F1F7E4
200
#E5F1C5
300
#D2E89C
400
#BADB66
500
#A1CE31
600
#81A527
700
#67841F
800
#516718
900
#3C4B16
950
#26300E

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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