#C3BF25

#C3BF25

Color Values

HEX

#C3BF25

RGB

195, 191, 37

HSL

58.5, 68.1%, 45.5%

HSV

58.5, 81.0%, 76.5%

CMYK

0.0%, 2.1%, 81.0%, 23.5%

OKLCH

0.7833 0.1599 108.0

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C3BF25

#2529C3

Analogous

#C37025

#78C325

#C3BF25

Triadic

#C3BF25

#25C3BF

#BF25C3

Split Complementary

#C3BF25

#2578C3

#7025C3

Tetradic

#C3BF25

#25C370

#2529C3

#C32578

Color Blindness Simulation

Original

#C3BF25

Protanopia

#C1C14A

Deuteranopia

#C2C253

Tritanopia

#C3686E

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F4F2C3
300
#EBE998
400
#E1DE60
500
#D6D229
600
#ABA821
700
#89861A
800
#6B6914
900
#4E4D13
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

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