#BDC022

#BDC022

Color Values

HEX

#BDC022

RGB

189, 192, 34

HSL

61.1, 69.9%, 44.3%

HSV

61.1, 82.3%, 75.3%

CMYK

1.6%, 0.0%, 82.3%, 24.7%

OKLCH

0.7802 0.1634 110.8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#BDC022

#2522C0

Analogous

#C07422

#6EC022

#BDC022

Triadic

#BDC022

#22BDC0

#C022BD

Split Complementary

#BDC022

#226EC0

#7422C0

Tetradic

#BDC022

#22C074

#2522C0

#C0226E

Color Blindness Simulation

Original

#BDC022

Protanopia

#BEBE48

Deuteranopia

#BEBE51

Tritanopia

#BD666D

Achromatopsia

#B4B4B4

CSS Usage

background-color: #BDC022;
color: #BDC022;
border-color: #BDC022;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF3
100
#F7F8E3
200
#F3F4C2
300
#EBED97
400
#E0E35F
500
#D5D926
600
#ABAD1F
700
#898B19
800
#6B6C13
900
#4E4F12
950
#31320B

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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