#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026