#CF830A

#CF830A

Color Values

HEX

#CF830A

RGB

207, 131, 10

HSL

36.9, 90.8%, 42.5%

HSV

36.9, 95.2%, 81.2%

CMYK

0.0%, 36.7%, 95.2%, 18.8%

OKLCH

0.6738 0.145 68.8

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#CF830A

#0A56CF

Analogous

#CF210A

#B8CF0A

#CF830A

Triadic

#CF830A

#0ACF83

#830ACF

Split Complementary

#CF830A

#0AB8CF

#210ACF

Tetradic

#CF830A

#0ACF21

#0A56CF

#CF0AB8

Color Blindness Simulation

Original

#CF830A

Protanopia

#AEAD27

Deuteranopia

#B2B82E

Tritanopia

#CB3E43

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE3BB
300
#F9CF8A
400
#F6B44B
500
#F39A0C
600
#C37B09
700
#9C6308
800
#7A4D06
900
#583A09
950
#382406

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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