#C86D0F

#C86D0F

Color Values

HEX

#C86D0F

RGB

200, 109, 15

HSL

30.5, 86.0%, 42.2%

HSV

30.5, 92.5%, 78.4%

CMYK

0.0%, 45.5%, 92.5%, 21.6%

OKLCH

0.6263 0.1467 57.4

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#C86D0F

#0F6AC8

Analogous

#C8110F

#C7C80F

#C86D0F

Triadic

#C86D0F

#0FC86D

#6D0FC8

Split Complementary

#C86D0F

#0FC7C8

#110FC8

Tetradic

#C86D0F

#0FC811

#0F6AC8

#C80FC7

Color Blindness Simulation

Original

#C86D0F

Protanopia

#A1A026

Deuteranopia

#A6AD2B

Tritanopia

#C3383C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #C86D0F;
color: #C86D0F;
border-color: #C86D0F;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#FADCBD
300
#F6C38D
400
#F2A250
500
#ED8112
600
#BE670E
700
#98530B
800
#774109
900
#56310B
950
#361F07

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

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