#F27650

#F27650

Color Values

HEX

#F27650

RGB

242, 118, 80

HSL

14.1, 86.2%, 63.1%

HSV

14.1, 66.9%, 94.9%

CMYK

0.0%, 51.2%, 66.9%, 5.1%

OKLCH

0.7039 0.1619 37.7

Properties

Warm Light Nearest: coral

Color Harmonies

Complementary

#F27650

#50CCF2

Analogous

#F2507B

#F2C750

#F27650

Triadic

#F27650

#50F276

#7650F2

Split Complementary

#F27650

#50F2C7

#507BF2

Tetradic

#F27650

#7BF250

#50CCF2

#C750F2

Color Blindness Simulation

Original

#F27650

Protanopia

#BCBB59

Deuteranopia

#C4CD5B

Tritanopia

#EC6062

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FAE6E0
200
#FACBBD
300
#F7A68D
400
#F2764F
500
#ED4512
600
#BE370E
700
#982C0B
800
#772309
900
#561D0B
950
#361207

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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