#C0BC07

#C0BC07

Color Values

HEX

#C0BC07

RGB

192, 188, 7

HSL

58.7, 93.0%, 39.0%

HSV

58.7, 96.4%, 75.3%

CMYK

0.0%, 2.1%, 96.4%, 24.7%

OKLCH

0.7733 0.1658 108.2

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C0BC07

#070BC0

Analogous

#C05F07

#67C007

#C0BC07

Triadic

#C0BC07

#07C0BC

#BC07C0

Split Complementary

#C0BC07

#0767C0

#5F07C0

Tetradic

#C0BC07

#07C05F

#070BC0

#C00767

Color Blindness Simulation

Original

#C0BC07

Protanopia

#BEBE33

Deuteranopia

#BEBF3D

Tritanopia

#C0555D

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FBF889
400
#F8F549
500
#F6F109
600
#C5C107
700
#9D9A06
800
#7B7804
900
#595708
950
#383705

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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