#F0FCDF

#F0FCDF

Color Values

HEX

#F0FCDF

RGB

240, 252, 223

HSL

84,8, 82,9%, 93,1%

HSV

84,8, 11,5%, 98,8%

CMYK

4,8%, 0,0%, 11,5%, 1,2%

OKLCH

0,9745 0,04 125,5

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F0FCDF

#EBDFFC

Analogous

#FCF9DF

#E1FCDF

#F0FCDF

Triadic

#F0FCDF

#DFF0FC

#FCDFF0

Split Complementary

#F0FCDF

#DFE1FC

#F9DFFC

Tetradic

#F0FCDF

#DFFCF9

#EBDFFC

#FCDFE1

Color Blindness Simulation

Original

#F0FCDF

Protanopia

#F5F5E6

Deuteranopia

#F4F4E8

Tritanopia

#F1ECED

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFAE1
200
#E0F9BE
300
#CBF58F
400
#AEEF52
500
#92E916
600
#75BB11
700
#5D950E
800
#49750B
900
#37550C
950
#233508

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

19,69: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