#F0FDD8

#F0FDD8

Color Values

HEX

#F0FDD8

RGB

240, 253, 216

HSL

81.1, 90.2%, 92.0%

HSV

81.1, 14.6%, 99.2%

CMYK

5.1%, 0.0%, 14.6%, 0.8%

OKLCH

0.9748 0.0502 123.1

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F0FDD8

#E5D8FD

Analogous

#FDF8D8

#DEFDD8

#F0FDD8

Triadic

#F0FDD8

#D8F0FD

#FDD8F0

Split Complementary

#F0FDD8

#D8DEFD

#F8D8FD

Tetradic

#F0FDD8

#D8FDF8

#E5D8FD

#FDD8DE

Color Blindness Simulation

Original

#F0FDD8

Protanopia

#F6F6E1

Deuteranopia

#F5F4E3

Tritanopia

#F1E8EA

Achromatopsia

#F8F8F8

CSS Usage

background-color: #F0FDD8;
color: #F0FDD8;
border-color: #F0FDD8;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FDF1
100
#F1FBDF
200
#E5FCBB
300
#D2F98B
400
#BAF64C
500
#A2F30C
600
#81C20A
700
#679B08
800
#517906
900
#3C5809
950
#263706

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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