#F09532

#F09532

Color Values

HEX

#F09532

RGB

240, 149, 50

HSL

31.3, 86.4%, 56.9%

HSV

31.3, 79.2%, 94.1%

CMYK

0.0%, 37.9%, 79.2%, 5.9%

OKLCH

0.7483 0.1527 62.9

Properties

Warm Light Nearest: Neon Carrot

Color Harmonies

Complementary

#F09532

#328DF0

Analogous

#F03632

#ECF032

#F09532

Triadic

#F09532

#32F095

#9532F0

Split Complementary

#F09532

#32ECF0

#3632F0

Tetradic

#F09532

#32F036

#328DF0

#F032EC

Color Blindness Simulation

Original

#F09532

Protanopia

#C9C84A

Deuteranopia

#CED550

Tritanopia

#EB5D61

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FAEEE0
200
#FADDBC
300
#F7C48D
400
#F2A44F
500
#EE8411
600
#BE6A0E
700
#98550B
800
#774209
900
#56320B
950
#362007

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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