#F4FADB

#F4FADB

Color Values

HEX

#F4FADB

RGB

244, 250, 219

HSL

71,6, 75,6%, 92,0%

HSV

71,6, 12,4%, 98,0%

CMYK

2,4%, 0,0%, 12,4%, 2,0%

OKLCH

0,9725 0,041 116,1

Properties

Cool Light Nearest: lightyellow

Color Harmonies

Complementary

#F4FADB

#E1DBFA

Analogous

#FAF1DB

#E5FADB

#F4FADB

Triadic

#F4FADB

#DBF4FA

#FADBF4

Split Complementary

#F4FADB

#DBE5FA

#F1DBFA

Tetradic

#F4FADB

#DBFAF1

#E1DBFA

#FADBE5

Color Blindness Simulation

Original

#F4FADB

Protanopia

#F7F7E2

Deuteranopia

#F6F6E4

Tritanopia

#F4E8EA

Achromatopsia

#F6F6F6

CSS Usage

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

Tailwind Shades

50
#FAFCF2
100
#F4F9E2
200
#ECF6C0
300
#DEF094
400
#CCE859
500
#BBE01F
600
#95B319
700
#778F14
800
#5D7010
900
#45510F
950
#2B330A

Contrast Checker

Text on white

1,07:1

AA Fail AAA Fail

Text on black

19,54:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026