#FF7238

#FF7238

Color Values

HEX

#FF7238

RGB

255, 114, 56

HSL

17.5, 100.0%, 61.0%

HSV

17.5, 78.0%, 100.0%

CMYK

0.0%, 55.3%, 78.0%, 0.0%

OKLCH

0.7141 0.186 41.1

Properties

Warm Light Nearest: Orange

Color Harmonies

Complementary

#FF7238

#38C5FF

Analogous

#FF3862

#FFD638

#FF7238

Triadic

#FF7238

#38FF72

#7238FF

Split Complementary

#FF7238

#38FFD6

#3862FF

Tetradic

#FF7238

#62FF38

#38C5FF

#D638FF

Color Blindness Simulation

Original

#FF7238

Protanopia

#C2C146

Deuteranopia

#CAD549

Tritanopia

#F85154

Achromatopsia

#8C8C8C

CSS Usage

background-color: #FF7238;
color: #FF7238;
border-color: #FF7238;
Nearest Tailwind: Orange 600 #EA580C

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FFCCB8
300
#FFA885
400
#FF7942
500
#FF4A00
600
#CC3C00
700
#A33000
800
#802500
900
#5C1E05
950
#3A1303

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

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