#CF821D

#CF821D

Color Values

HEX

#CF821D

RGB

207, 130, 29

HSL

34.0, 75.4%, 46.3%

HSV

34.0, 86.0%, 81.2%

CMYK

0.0%, 37.2%, 86.0%, 18.8%

OKLCH

0.6726 0.1407 66.5

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#CF821D

#1D6ACF

Analogous

#CF291D

#C3CF1D

#CF821D

Triadic

#CF821D

#1DCF82

#821DCF

Split Complementary

#CF821D

#1DC3CF

#291DCF

Tetradic

#CF821D

#1DCF29

#1D6ACF

#CF1DC3

Color Blindness Simulation

Original

#CF821D

Protanopia

#AEAD35

Deuteranopia

#B2B83B

Tritanopia

#CB494D

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6DFC0
300
#F0C894
400
#E8AA5A
500
#E08C1F
600
#B37019
700
#8F5A14
800
#704610
900
#513510
950
#33210A

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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