#F0B682

#F0B682

Color Values

HEX

#F0B682

RGB

240, 182, 130

HSL

28.4, 78.6%, 72.5%

HSV

28.4, 45.8%, 94.1%

CMYK

0.0%, 24.2%, 45.8%, 5.9%

OKLCH

0.8178 0.0954 62.7

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F0B682

#82BCF0

Analogous

#F08285

#F0ED82

#F0B682

Triadic

#F0B682

#82F0B6

#B682F0

Split Complementary

#F0B682

#82F0ED

#8285F0

Tetradic

#F0B682

#85F082

#82BCF0

#ED82F0

Color Blindness Simulation

Original

#F0B682

Protanopia

#D7D68F

Deuteranopia

#DADF92

Tritanopia

#ED999B

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DABF
300
#F2BF92
400
#EB9D56
500
#E47A1B
600
#B66216
700
#924E11
800
#723D0E
900
#532F0E
950
#341D09

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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