#F0D19D

#F0D19D

Color Values

HEX

#F0D19D

RGB

240, 209, 157

HSL

37.6, 73.5%, 77.8%

HSV

37.6, 34.6%, 94.1%

CMYK

0.0%, 12.9%, 34.6%, 5.9%

OKLCH

0.8745 0.0757 80.3

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#F0D19D

#9DBCF0

Analogous

#F0A79D

#E5F09D

#F0D19D

Triadic

#F0D19D

#9DF0D1

#D19DF0

Split Complementary

#F0D19D

#9DE5F0

#A79DF0

Tetradic

#F0D19D

#9DF0A7

#9DBCF0

#F09DE5

Color Blindness Simulation

Original

#F0D19D

Protanopia

#E3E2AA

Deuteranopia

#E4E7AD

Tritanopia

#EEB4B6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#FCF9F3
100
#F8F0E2
200
#F6E2C1
300
#EFCD95
400
#E6B25B
500
#DD9722
600
#B1791B
700
#8E6116
800
#6F4C11
900
#503910
950
#33240A

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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