#C3BF28

#C3BF28

Color Values

HEX

#C3BF28

RGB

195, 191, 40

HSL

58.5, 66.0%, 46.1%

HSV

58.5, 79.5%, 76.5%

CMYK

0.0%, 2.1%, 79.5%, 23.5%

OKLCH

0.7834 0.1587 107.9

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C3BF28

#282CC3

Analogous

#C37228

#79C328

#C3BF28

Triadic

#C3BF28

#28C3BF

#BF28C3

Split Complementary

#C3BF28

#2879C3

#7228C3

Tetradic

#C3BF28

#28C372

#282CC3

#C32879

Color Blindness Simulation

Original

#C3BF28

Protanopia

#C1C14C

Deuteranopia

#C2C255

Tritanopia

#C36970

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F7F7E3
200
#F3F2C4
300
#EAE899
400
#DFDC62
500
#D4CF2B
600
#A9A623
700
#87851C
800
#6A6816
900
#4D4C14
950
#31300C

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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