#F5FFDA

#F5FFDA

Color Values

HEX

#F5FFDA

RGB

245, 255, 218

HSL

76.2, 100.0%, 92.7%

HSV

76.2, 14.5%, 100.0%

CMYK

3.9%, 0.0%, 14.5%, 0.0%

OKLCH

0.983 0.0493 119.6

Properties

Cool Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F5FFDA

#E4DAFF

Analogous

#FFF6DA

#E2FFDA

#F5FFDA

Triadic

#F5FFDA

#DAF5FF

#FFDAF5

Split Complementary

#F5FFDA

#DAE2FF

#F6DAFF

Tetradic

#F5FFDA

#DAFFF6

#E4DAFF

#FFDAE2

Color Blindness Simulation

Original

#F5FFDA

Protanopia

#F9F9E3

Deuteranopia

#F9F8E5

Tritanopia

#F6EAEC

Achromatopsia

#FAFAFA

CSS Usage

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

Tailwind Shades

50
#FAFEF1
100
#F4FCDE
200
#ECFFB8
300
#DEFF85
400
#CCFF42
500
#BAFF00
600
#95CC00
700
#77A300
800
#5D8000
900
#455C05
950
#2B3A03

Contrast Checker

Text on white

1.04:1

AA Fail AAA Fail

Text on black

20.2:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026