#BDC562

#BDC562

Color Values

HEX

#BDC562

RGB

189, 197, 98

HSL

64.8, 46.0%, 57.8%

HSV

64.8, 50.3%, 77.3%

CMYK

4.1%, 0.0%, 50.3%, 22.7%

OKLCH

0.7964 0.1238 113.0

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#BDC562

#6A62C5

Analogous

#C59B62

#8BC562

#BDC562

Triadic

#BDC562

#62BDC5

#C562BD

Split Complementary

#BDC562

#628BC5

#9B62C5

Tetradic

#BDC562

#62C59B

#6A62C5

#C5628B

Color Blindness Simulation

Original

#BDC562

Protanopia

#C0C17A

Deuteranopia

#C0BF80

Tritanopia

#BD8D91

Achromatopsia

#BCBCBC

CSS Usage

background-color: #BDC562;
color: #BDC562;
border-color: #BDC562;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCB
300
#D9DEA6
400
#C5CC75
500
#B1BA45
600
#8D9537
700
#71772C
800
#585D22
900
#41451C
950
#292B12

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

11.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