#F0B762

#F0B762

Color Values

HEX

#F0B762

RGB

240, 183, 98

HSL

35.9, 82.6%, 66.3%

HSV

35.9, 59.2%, 94.1%

CMYK

0.0%, 23.8%, 59.2%, 5.9%

OKLCH

0.8149 0.1218 75.5

Properties

Warm Light Nearest: NCS S 1040-Y40R Peach

Color Harmonies

Complementary

#F0B762

#629BF0

Analogous

#F07062

#E2F062

#F0B762

Triadic

#F0B762

#62F0B7

#B762F0

Split Complementary

#F0B762

#62E2F0

#7062F0

Tetradic

#F0B762

#62F070

#629BF0

#F062E2

Color Blindness Simulation

Original

#F0B762

Protanopia

#D7D777

Deuteranopia

#DBDF7C

Tritanopia

#ED878A

Achromatopsia

#BDBDBD

CSS Usage

background-color: #F0B762;
color: #F0B762;
border-color: #F0B762;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF8F2
100
#FAF0E1
200
#F9E1BE
300
#F4CC8F
400
#EFB053
500
#E99416
600
#BA7712
700
#955F0E
800
#744A0B
900
#54380C
950
#352308

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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