#EB363F

#EB363F

Color Values

HEX

#EB363F

RGB

235, 54, 63

HSL

357.0, 81.9%, 56.7%

HSV

357.0, 77.0%, 92.2%

CMYK

0.0%, 77.0%, 73.2%, 7.8%

OKLCH

0.6175 0.2157 24.0

Properties

Warm Light Nearest: brown 2

Color Harmonies

Complementary

#EB363F

#36EBE2

Analogous

#EB369A

#EB8836

#EB363F

Triadic

#EB363F

#3FEB36

#363FEB

Split Complementary

#EB363F

#36EB88

#369AEB

Tetradic

#EB363F

#9AEB36

#36EBE2

#8836EB

Color Blindness Simulation

Original

#EB363F

Protanopia

#9D9B3D

Deuteranopia

#A7B53C

Tritanopia

#E23B3B

Achromatopsia

#5D5D5D

CSS Usage

background-color: #EB363F;
color: #EB363F;
border-color: #EB363F;
Nearest Tailwind: Red 500 #EF4444

Tailwind Shades

50
#FDF2F3
100
#FAE1E2
200
#F9BEC1
300
#F49095
400
#EE535B
500
#E81722
600
#BA121B
700
#940F15
800
#740C11
900
#540D10
950
#35080A

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

5.13:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026