#D88035

#D88035

Color Values

HEX

#D88035

RGB

216, 128, 53

HSL

27.6, 67.6%, 52.7%

HSV

27.6, 75.5%, 84.7%

CMYK

0.0%, 40.7%, 75.5%, 15.3%

OKLCH

0.6821 0.1393 57.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#D88035

#358DD8

Analogous

#D8353B

#D8D135

#D88035

Triadic

#D88035

#35D880

#8035D8

Split Complementary

#D88035

#35D8D1

#353BD8

Tetradic

#D88035

#3BD835

#358DD8

#D135D8

Color Blindness Simulation

Original

#D88035

Protanopia

#B2B147

Deuteranopia

#B7BE4C

Tritanopia

#D45559

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F3D9C3
300
#EBBE98
400
#E09C61
500
#D67929
600
#AB6021
700
#894D1A
800
#6B3C15
900
#4E2E13
950
#311D0C

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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