#C89C04

#C89C04

Color Values

HEX

#C89C04

RGB

200, 156, 4

HSL

46.5, 96.1%, 40.0%

HSV

46.5, 98.0%, 78.4%

CMYK

0.0%, 22.0%, 98.0%, 21.6%

OKLCH

0.7137 0.1452 88.2

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#C89C04

#0430C8

Analogous

#C83A04

#92C804

#C89C04

Triadic

#C89C04

#04C89C

#9C04C8

Split Complementary

#C89C04

#0492C8

#3A04C8

Tetradic

#C89C04

#04C83A

#0430C8

#C80492

Color Blindness Simulation

Original

#C89C04

Protanopia

#B5B529

Deuteranopia

#B8BB32

Tritanopia

#C6464C

Achromatopsia

#9A9A9A

CSS Usage

background-color: #C89C04;
color: #C89C04;
border-color: #C89C04;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FEEEB9
300
#FDE287
400
#FBD346
500
#FAC305
600
#C89C04
700
#A07D03
800
#7D6102
900
#5A4707
950
#392D04

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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