#FD9102

#FD9102

Color Values

HEX

#FD9102

RGB

253, 145, 2

HSL

34.2, 98.4%, 50.0%

HSV

34.2, 99.2%, 99.2%

CMYK

0.0%, 42.7%, 99.2%, 0.8%

OKLCH

0.7561 0.1751 61.1

Properties

Warm Light Nearest: darkorange

Color Harmonies

Complementary

#FD9102

#026EFD

Analogous

#FD1402

#EBFD02

#FD9102

Triadic

#FD9102

#02FD91

#9102FD

Split Complementary

#FD9102

#02EBFD

#1402FD

Tetradic

#FD9102

#02FD14

#026EFD

#FD02EB

Color Blindness Simulation

Original

#FD9102

Protanopia

#CECD25

Deuteranopia

#D4DD2D

Tritanopia

#F84046

Achromatopsia

#9E9E9E

CSS Usage

background-color: #FD9102;
color: #FD9102;
border-color: #FD9102;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEF8F1
100
#FCEFDE
200
#FEE0B8
300
#FECA86
400
#FDAE44
500
#FD9102
600
#CA7402
700
#A25D01
800
#7E4901
900
#5B3606
950
#3A2204

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

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