#C7BF05

#C7BF05

Color Values

HEX

#C7BF05

RGB

199, 191, 5

HSL

57.5, 95.1%, 40.0%

HSV

57.5, 97.5%, 78.0%

CMYK

0.0%, 4.0%, 97.5%, 22.0%

OKLCH

0.7859 0.1674 106.6

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#C7BF05

#050DC7

Analogous

#C75E05

#6EC705

#C7BF05

Triadic

#C7BF05

#05C7BF

#BF05C7

Split Complementary

#C7BF05

#056EC7

#5E05C7

Tetradic

#C7BF05

#05C75E

#050DC7

#C7056E

Color Blindness Simulation

Original

#C7BF05

Protanopia

#C4C332

Deuteranopia

#C4C53D

Tritanopia

#C7565D

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF788
400
#FAF347
500
#F9EF06
600
#C7BF05
700
#9F9904
800
#7C7703
900
#5A5607
950
#393704

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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