#EB983C

#EB983C

Color Values

HEX

#EB983C

RGB

235, 152, 60

HSL

31,5, 81,4%, 57,8%

HSV

31,5, 74,5%, 92,2%

CMYK

0,0%, 35,3%, 74,5%, 7,8%

OKLCH

0,7483 0,1436 64,7

Properties

Warm Light Nearest: tan 2

Color Harmonies

Complementary

#EB983C

#3C8FEB

Analogous

#EB403C

#E7EB3C

#EB983C

Triadic

#EB983C

#3CEB98

#983CEB

Split Complementary

#EB983C

#3CE7EB

#403CEB

Tetradic

#EB983C

#3CEB40

#3C8FEB

#EB3CE7

Color Blindness Simulation

Original

#EB983C

Protanopia

#C7C652

Deuteranopia

#CCD258

Tritanopia

#E76468

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE1
200
#F8DDBE
300
#F4C490
400
#EDA454
500
#E78518
600
#B96A13
700
#94550F
800
#74420C
900
#54320D
950
#352008

Contrast Checker

Text on white

2,31:1

AA Fail AAA Fail

Text on black

9,09:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026