#F28650

#F28650

Color Values

HEX

#F28650

RGB

242, 134, 80

HSL

20.0, 86.2%, 63.1%

HSV

20.0, 66.9%, 94.9%

CMYK

0.0%, 44.6%, 66.9%, 5.1%

OKLCH

0.7285 0.1489 46.0

Properties

Warm Light Nearest: sienna 2

Color Harmonies

Complementary

#F28650

#50BCF2

Analogous

#F2506B

#F2D750

#F28650

Triadic

#F28650

#50F286

#8650F2

Split Complementary

#F28650

#50F2D7

#506BF2

Tetradic

#F28650

#6BF250

#50BCF2

#D750F2

Color Blindness Simulation

Original

#F28650

Protanopia

#C3C25D

Deuteranopia

#CAD260

Tritanopia

#ED676A

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE9E0
200
#FAD1BD
300
#F7B08D
400
#F2864F
500
#ED5B12
600
#BE490E
700
#983A0B
800
#772D09
900
#56240B
950
#361707

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.3:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026