#FC9B3D

#FC9B3D

Color Values

HEX

#FC9B3D

RGB

252, 155, 61

HSL

29,5, 97,0%, 61,4%

HSV

29,5, 75,8%, 98,8%

CMYK

0,0%, 38,5%, 75,8%, 1,2%

OKLCH

0,7741 0,1557 60,5

Properties

Warm Light Nearest: Neon Carrot

Color Harmonies

Complementary

#FC9B3D

#3D9EFC

Analogous

#FC3D3F

#FCFA3D

#FC9B3D

Triadic

#FC9B3D

#3DFC9B

#9B3DFC

Split Complementary

#FC9B3D

#3DFCFA

#3D3FFC

Tetradic

#FC9B3D

#3FFC3D

#3D9EFC

#FA3DFC

Color Blindness Simulation

Original

#FC9B3D

Protanopia

#D2D154

Deuteranopia

#D8DF59

Tritanopia

#F7666A

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDE
200
#FEDBB9
300
#FDC186
400
#FC9F45
500
#FB7D04
600
#C96403
700
#A15002
800
#7E3F02
900
#5B3006
950
#391E04

Contrast Checker

Text on white

2,12:1

AA Fail AAA Fail

Text on black

9,9:1

AA Pass AAA Pass

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