#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026