#FE6300

#FE6300

Color Values

HEX

#FE6300

RGB

254, 99, 0

HSL

23.4, 100.0%, 49.8%

HSV

23.4, 100.0%, 99.6%

CMYK

0.0%, 61.0%, 100.0%, 0.4%

OKLCH

0.6905 0.2056 42.7

Properties

Warm Light Nearest: RAL 2003 Pastel Orange

Color Harmonies

Complementary

#FE6300

#009BFE

Analogous

#FE001C

#FEE200

#FE6300

Triadic

#FE6300

#00FE63

#6300FE

Split Complementary

#FE6300

#00FEE2

#001CFE

Tetradic

#FE6300

#1CFE00

#009BFE

#E200FE

Color Blindness Simulation

Original

#FE6300

Protanopia

#BBBA18

Deuteranopia

#C4CF1E

Tritanopia

#F62B2F

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADE
200
#FFD3B8
300
#FFB485
400
#FF8C42
500
#FF6300
600
#CC5000
700
#A34000
800
#803200
900
#5C2705
950
#3A1903

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.0:1

AA Pass AAA Fail

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