#FD3002

#FD3002

Color Values

HEX

#FD3002

RGB

253, 48, 2

HSL

11,0, 98,4%, 50,0%

HSV

11,0, 99,2%, 99,2%

CMYK

0,0%, 81,0%, 99,2%, 0,8%

OKLCH

0,6409 0,2408 32,2

Properties

Warm Light Nearest: RAL 2005 Luminous Orange

Color Harmonies

Complementary

#FD3002

#02CFFD

Analogous

#FD0251

#FDAE02

#FD3002

Triadic

#FD3002

#02FD30

#3002FD

Split Complementary

#FD3002

#02FDAE

#0251FD

Tetradic

#FD3002

#51FD02

#02CFFD

#AE02FD

Color Blindness Simulation

Original

#FD3002

Protanopia

#A4A20D

Deuteranopia

#B0C010

Tritanopia

#F31618

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FEF3F1
100
#FCE4DE
200
#FEC5B8
300
#FE9C86
400
#FD6644
500
#FD3002
600
#CA2602
700
#A21F01
800
#7E1801
900
#5B1506
950
#3A0D04

Contrast Checker

Text on white

3,75:1

AA Fail AAA Fail

Text on black

5,6:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026