#F29834

#F29834

Color Values

HEX

#F29834

RGB

242, 152, 52

HSL

31.6, 88.0%, 57.6%

HSV

31.6, 78.5%, 94.9%

CMYK

0.0%, 37.2%, 78.5%, 5.1%

OKLCH

0.7561 0.1526 63.7

Properties

Warm Light Nearest: Neon Carrot

Color Harmonies

Complementary

#F29834

#348EF2

Analogous

#F23934

#EDF234

#F29834

Triadic

#F29834

#34F298

#9834F2

Split Complementary

#F29834

#34EDF2

#3934F2

Tetradic

#F29834

#34F239

#348EF2

#F234ED

Color Blindness Simulation

Original

#F29834

Protanopia

#CBCA4C

Deuteranopia

#D0D752

Tritanopia

#ED5F64

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBEEE0
200
#FBDDBC
300
#F8C58C
400
#F4A54E
500
#F0850F
600
#C06B0C
700
#99550A
800
#784308
900
#57320A
950
#372006

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

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