#F4FAA5

#F4FAA5

Color Values

HEX

#F4FAA5

RGB

244, 250, 165

HSL

64.2, 89.5%, 81.4%

HSV

64.2, 34.0%, 98.0%

CMYK

2.4%, 0.0%, 34.0%, 2.0%

OKLCH

0.9615 0.1067 111.7

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#F4FAA5

#ABA5FA

Analogous

#FAD6A5

#CAFAA5

#F4FAA5

Triadic

#F4FAA5

#A5F4FA

#FAA5F4

Split Complementary

#F4FAA5

#A5CAFA

#D6A5FA

Tetradic

#F4FAA5

#A5FAD6

#ABA5FA

#FAA5CA

Color Blindness Simulation

Original

#F4FAA5

Protanopia

#F7F7BA

Deuteranopia

#F6F6BE

Tritanopia

#F4CACD

Achromatopsia

#F3F3F3

CSS Usage

background-color: #F4FAA5;
color: #F4FAA5;
border-color: #F4FAA5;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FCFDF2
100
#F9FBE0
200
#F7FBBB
300
#F1F98B
400
#E9F54C
500
#E2F20D
600
#B5C10B
700
#909B09
800
#717907
900
#525709
950
#343706

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

19.06:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026