#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

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026