#C0BD20

#C0BD20

Color Values

HEX

#C0BD20

RGB

192, 189, 32

HSL

58.9, 71.4%, 43.9%

HSV

58.9, 83.3%, 75.3%

CMYK

0.0%, 1.6%, 83.3%, 24.7%

OKLCH

0.7761 0.1606 108.4

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C0BD20

#2023C0

Analogous

#C06D20

#73C020

#C0BD20

Triadic

#C0BD20

#20C0BD

#BD20C0

Split Complementary

#C0BD20

#2073C0

#6D20C0

Tetradic

#C0BD20

#20C06D

#2023C0

#C02073

Color Blindness Simulation

Original

#C0BD20

Protanopia

#BFBF46

Deuteranopia

#BFBF4F

Tritanopia

#C0646B

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F8E2
200
#F5F4C2
300
#EDEC96
400
#E4E25D
500
#DBD724
600
#AFAC1D
700
#8C8A17
800
#6D6C12
900
#504E11
950
#32320B

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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