#CE7225

#CE7225

Color Values

HEX

#CE7225

RGB

206, 114, 37

HSL

27.3, 69.5%, 47.6%

HSV

27.3, 82.0%, 80.8%

CMYK

0.0%, 44.7%, 82.0%, 19.2%

OKLCH

0.6439 0.1436 55.2

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#CE7225

#2581CE

Analogous

#CE252D

#CEC625

#CE7225

Triadic

#CE7225

#25CE72

#7225CE

Split Complementary

#CE7225

#25CEC6

#252DCE

Tetradic

#CE7225

#2DCE25

#2581CE

#C625CE

Color Blindness Simulation

Original

#CE7225

Protanopia

#A6A538

Deuteranopia

#ACB23C

Tritanopia

#C9464A

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8ECE3
200
#F4D9C2
300
#ECBE97
400
#E29B5F
500
#D87827
600
#AD601F
700
#8A4C19
800
#6C3C13
900
#4F2E12
950
#321D0B

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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