#CF7F1E

#CF7F1E

Color Values

HEX

#CF7F1E

RGB

207, 127, 30

HSL

32.9, 74.7%, 46.5%

HSV

32.9, 85.5%, 81.2%

CMYK

0.0%, 38.6%, 85.5%, 18.8%

OKLCH

0.6673 0.1412 64.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CF7F1E

#1E6ECF

Analogous

#CF271E

#C7CF1E

#CF7F1E

Triadic

#CF7F1E

#1ECF7F

#7F1ECF

Split Complementary

#CF7F1E

#1EC7CF

#271ECF

Tetradic

#CF7F1E

#1ECF27

#1E6ECF

#CF1EC7

Color Blindness Simulation

Original

#CF7F1E

Protanopia

#ACAC35

Deuteranopia

#B1B73B

Tritanopia

#CB484C

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F8EEE2
200
#F6DEC1
300
#F0C694
400
#E7A75A
500
#DF8920
600
#B26D1A
700
#8F5715
800
#6F4410
900
#513410
950
#33210A

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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