#F18150

#F18150

Color Values

HEX

#F18150

RGB

241, 129, 80

HSL

18.3, 85.2%, 62.9%

HSV

18.3, 66.8%, 94.5%

CMYK

0.0%, 46.5%, 66.8%, 5.5%

OKLCH

0.7193 0.1516 43.4

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F18150

#50C0F1

Analogous

#F1506F

#F1D250

#F18150

Triadic

#F18150

#50F181

#8150F1

Split Complementary

#F18150

#50F1D2

#506FF1

Tetradic

#F18150

#6FF150

#50C0F1

#D250F1

Color Blindness Simulation

Original

#F18150

Protanopia

#C0C05C

Deuteranopia

#C7CF5F

Tritanopia

#EB6567

Achromatopsia

#959595

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#FACFBD
300
#F6AD8E
400
#F18150
500
#EC5513
600
#BD440F
700
#97360C
800
#762B09
900
#56220B
950
#361507

Contrast Checker

Text on white

2.63:1

AA Fail AAA Fail

Text on black

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