#C87725

#C87725

Color Values

HEX

#C87725

RGB

200, 119, 37

HSL

30.2, 68.8%, 46.5%

HSV

30.2, 81.5%, 78.4%

CMYK

0.0%, 40.5%, 81.5%, 21.6%

OKLCH

0.6445 0.1359 60.5

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#C87725

#2576C8

Analogous

#C82625

#C8C825

#C87725

Triadic

#C87725

#25C877

#7725C8

Split Complementary

#C87725

#25C8C8

#2625C8

Tetradic

#C87725

#25C826

#2576C8

#C825C8

Color Blindness Simulation

Original

#C87725

Protanopia

#A5A439

Deuteranopia

#AAB03E

Tritanopia

#C4494C

Achromatopsia

#828282

CSS Usage

background-color: #C87725;
color: #C87725;
border-color: #C87725;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC3
300
#ECC298
400
#E2A160
500
#D78028
600
#AC6620
700
#8A5219
800
#6C4014
900
#4E3112
950
#321F0C

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

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