#F7937A

#F7937A

Color Values

HEX

#F7937A

RGB

247, 147, 122

HSL

12.0, 88.7%, 72.4%

HSV

12.0, 50.6%, 96.9%

CMYK

0.0%, 40.5%, 50.6%, 3.1%

OKLCH

0.7625 0.1267 34.9

Properties

Warm Light Nearest: lightsalmon 2

Color Harmonies

Complementary

#F7937A

#7ADEF7

Analogous

#F77AA0

#F7D27A

#F7937A

Triadic

#F7937A

#7AF793

#937AF7

Split Complementary

#F7937A

#7AF7D2

#7AA0F7

Tetradic

#F7937A

#A0F77A

#7ADEF7

#D27AF7

Color Blindness Simulation

Original

#F7937A

Protanopia

#CCCB80

Deuteranopia

#D2D982

Tritanopia

#F28586

Achromatopsia

#A6A6A6

CSS Usage

background-color: #F7937A;
color: #F7937A;
border-color: #F7937A;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FDF4F2
100
#FBE5E0
200
#FBC8BC
300
#F8A18C
400
#F46E4D
500
#F13C0E
600
#C0300C
700
#9A2609
800
#781E07
900
#57190A
950
#371006

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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