#F37F52

#F37F52

Color Values

HEX

#F37F52

RGB

243, 127, 82

HSL

16.8, 87.0%, 63.7%

HSV

16.8, 66.3%, 95.3%

CMYK

0.0%, 47.7%, 66.3%, 4.7%

OKLCH

0.7191 0.1545 41.3

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F37F52

#52C6F3

Analogous

#F35275

#F3D052

#F37F52

Triadic

#F37F52

#52F37F

#7F52F3

Split Complementary

#F37F52

#52F3D0

#5275F3

Tetradic

#F37F52

#75F352

#52C6F3

#D052F3

Color Blindness Simulation

Original

#F37F52

Protanopia

#C1C05D

Deuteranopia

#C8D060

Tritanopia

#ED6567

Achromatopsia

#949494

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE7E0
200
#FACEBC
300
#F7AA8D
400
#F37D4F
500
#EE4F11
600
#BF3F0D
700
#99320B
800
#772708
900
#56200B
950
#371407

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026