#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026