#E48F45

#E48F45

Color Values

HEX

#E48F45

RGB

228, 143, 69

HSL

27.9, 74.6%, 58.2%

HSV

27.9, 69.7%, 89.4%

CMYK

0.0%, 37.3%, 69.7%, 10.6%

OKLCH

0.7247 0.1358 59.0

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#E48F45

#459AE4

Analogous

#E4454A

#E4DE45

#E48F45

Triadic

#E48F45

#45E48F

#8F45E4

Split Complementary

#E48F45

#45E4DE

#454AE4

Tetradic

#E48F45

#4AE445

#459AE4

#DE45E4

Color Blindness Simulation

Original

#E48F45

Protanopia

#BFBE57

Deuteranopia

#C4CA5B

Tritanopia

#E06568

Achromatopsia

#9C9C9C

CSS Usage

background-color: #E48F45;
color: #E48F45;
border-color: #E48F45;
Nearest Tailwind: Orange 400 #FB923C

Tailwind Shades

50
#FCF7F2
100
#F8ECE2
200
#F6D9C1
300
#EFBF94
400
#E79C5A
500
#DF7920
600
#B2611A
700
#8E4D15
800
#6F3C10
900
#512E10
950
#331D0A

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

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