#F27D4F

#F27D4F

Color Values

HEX

#F27D4F

RGB

242, 125, 79

HSL

16.9, 86.2%, 62.9%

HSV

16.9, 67.4%, 94.9%

CMYK

0.0%, 48.3%, 67.4%, 5.1%

OKLCH

0.7143 0.1562 41.4

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F27D4F

#4FC4F2

Analogous

#F24F72

#F2CE4F

#F27D4F

Triadic

#F27D4F

#4FF27D

#7D4FF2

Split Complementary

#F27D4F

#4FF2CE

#4F72F2

Tetradic

#F27D4F

#72F24F

#4FC4F2

#CE4FF2

Color Blindness Simulation

Original

#F27D4F

Protanopia

#BFBE5A

Deuteranopia

#C6CF5D

Tritanopia

#EC6365

Achromatopsia

#939393

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE7E0
200
#FACEBD
300
#F7AB8D
400
#F27D4F
500
#ED5012
600
#BE400E
700
#98330B
800
#772809
900
#56200B
950
#361407

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

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