#C89B04

#C89B04

Color Values

HEX

#C89B04

RGB

200, 155, 4

HSL

46.2, 96.1%, 40.0%

HSV

46.2, 98.0%, 78.4%

CMYK

0.0%, 22.5%, 98.0%, 21.6%

OKLCH

0.7117 0.1448 87.6

Properties

Warm Light Nearest: NCS S 2060-Y Rich Yellow

Color Harmonies

Complementary

#C89B04

#0431C8

Analogous

#C83904

#93C804

#C89B04

Triadic

#C89B04

#04C89B

#9B04C8

Split Complementary

#C89B04

#0493C8

#3904C8

Tetradic

#C89B04

#04C839

#0431C8

#C80493

Color Blindness Simulation

Original

#C89B04

Protanopia

#B5B428

Deuteranopia

#B7BA31

Tritanopia

#C6454C

Achromatopsia

#9A9A9A

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FEEEB9
300
#FDE287
400
#FBD246
500
#FAC205
600
#C89B04
700
#A07C03
800
#7D6102
900
#5A4707
950
#392D04

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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