#F0FDEC

#F0FDEC

Color Values

HEX

#F0FDEC

RGB

240, 253, 236

HSL

105.9, 81.0%, 95.9%

HSV

105.9, 6.7%, 99.2%

CMYK

5.1%, 0.0%, 6.7%, 0.8%

OKLCH

0.9798 0.0262 138.3

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#F0FDEC

#F9ECFD

Analogous

#F9FDEC

#ECFDF1

#F0FDEC

Triadic

#F0FDEC

#ECF0FD

#FDECF0

Split Complementary

#F0FDEC

#F1ECFD

#FDECF9

Tetradic

#F0FDEC

#ECF9FD

#F9ECFD

#FDF1EC

Color Blindness Simulation

Original

#F0FDEC

Protanopia

#F6F6F0

Deuteranopia

#F5F4F1

Tritanopia

#F1F3F4

Achromatopsia

#F9F9F9

CSS Usage

background-color: #F0FDEC;
color: #F0FDEC;
border-color: #F0FDEC;
Nearest Tailwind: Lime 50 #F7FEE7

Tailwind Shades

50
#F5FDF2
100
#E7F9E1
200
#CCF8BE
300
#A8F390
400
#78ED54
500
#49E718
600
#3AB913
700
#2F9410
800
#24730C
900
#1E540D
950
#133508

Contrast Checker

Text on white

1.05:1

AA Fail AAA Fail

Text on black

19.97:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026