#F0B693

#F0B693

Color Values

HEX

#F0B693

RGB

240, 182, 147

HSL

22.6, 75.6%, 75.9%

HSV

22.6, 38.8%, 94.1%

CMYK

0.0%, 24.2%, 38.8%, 5.9%

OKLCH

0.821 0.0824 52.3

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#F0B693

#93CDF0

Analogous

#F0939F

#F0E593

#F0B693

Triadic

#F0B693

#93F0B6

#B693F0

Split Complementary

#F0B693

#93F0E5

#939FF0

Tetradic

#F0B693

#9FF093

#93CDF0

#E593F0

Color Blindness Simulation

Original

#F0B693

Protanopia

#D7D69B

Deuteranopia

#DADF9E

Tritanopia

#EDA2A4

Achromatopsia

#C0C0C0

CSS Usage

background-color: #F0B693;
color: #F0B693;
border-color: #F0B693;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF6F2
100
#F9EAE2
200
#F6D5C0
300
#F0B694
400
#E88F59
500
#E0681F
600
#B35319
700
#8F4214
800
#703410
900
#51280F
950
#33190A

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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