#C3BD07

#C3BD07

Color Values

HEX

#C3BD07

RGB

195, 189, 7

HSL

58.1, 93.1%, 39.6%

HSV

58.1, 96.4%, 76.5%

CMYK

0.0%, 3.1%, 96.4%, 23.5%

OKLCH

0.7781 0.1661 107.4

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C3BD07

#070DC3

Analogous

#C35F07

#6BC307

#C3BD07

Triadic

#C3BD07

#07C3BD

#BD07C3

Split Complementary

#C3BD07

#076BC3

#5F07C3

Tetradic

#C3BD07

#07C35F

#070DC3

#C3076B

Color Blindness Simulation

Original

#C3BD07

Protanopia

#C0C033

Deuteranopia

#C1C13E

Tritanopia

#C3565D

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FDFABA
300
#FBF789
400
#F8F349
500
#F6EF09
600
#C5BF07
700
#9E9906
800
#7B7704
900
#595608
950
#383705

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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