#ED7364

#ED7364

Color Values

HEX

#ED7364

RGB

237, 115, 100

HSL

6.6, 79.2%, 66.1%

HSV

6.6, 57.8%, 92.9%

CMYK

0.0%, 51.5%, 57.8%, 7.1%

OKLCH

0.6956 0.1536 28.8

Properties

Warm Light Nearest: Bittersweet

Color Harmonies

Complementary

#ED7364

#64DEED

Analogous

#ED6499

#EDB864

#ED7364

Triadic

#ED7364

#64ED73

#7364ED

Split Complementary

#ED7364

#64EDB8

#6499ED

Tetradic

#ED7364

#99ED64

#64DEED

#B864ED

Color Blindness Simulation

Original

#ED7364

Protanopia

#B8B768

Deuteranopia

#BFC868

Tritanopia

#E76A6B

Achromatopsia

#8C8C8C

CSS Usage

background-color: #ED7364;
color: #ED7364;
border-color: #ED7364;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FCF3F2
100
#F9E4E1
200
#F8C5BF
300
#F29C91
400
#EB6656
500
#E4311B
600
#B72715
700
#921F11
800
#72180D
900
#53160E
950
#340E09

Contrast Checker

Text on white

2.9:1

AA Fail AAA Fail

Text on black

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