#CE7C2F

#CE7C2F

Color Values

HEX

#CE7C2F

RGB

206, 124, 47

HSL

29,1, 62,8%, 49,6%

HSV

29,1, 77,2%, 80,8%

CMYK

0,0%, 39,8%, 77,2%, 19,2%

OKLCH

0,6618 0,1349 59,5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CE7C2F

#2F81CE

Analogous

#CE2F31

#CECC2F

#CE7C2F

Triadic

#CE7C2F

#2FCE7C

#7C2FCE

Split Complementary

#CE7C2F

#2FCECC

#2F31CE

Tetradic

#CE7C2F

#31CE2F

#2F81CE

#CC2FCE

Color Blindness Simulation

Original

#CE7C2F

Protanopia

#AAAA42

Deuteranopia

#AFB546

Tritanopia

#CA5054

Achromatopsia

#888888

CSS Usage

background-color: #CE7C2F;
color: #CE7C2F;
border-color: #CE7C2F;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F2DBC5
300
#E8C19B
400
#DC9F65
500
#D07D2F
600
#A66426
700
#85501E
800
#683F18
900
#4C3015
950
#301E0D

Contrast Checker

Text on white

3,21:1

AA Fail AAA Fail

Text on black

6,55: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