#F5FBAC

#F5FBAC

Color Values

HEX

#F5FBAC

RGB

245, 251, 172

HSL

64.6, 90.8%, 82.9%

HSV

64.6, 31.5%, 98.4%

CMYK

2.4%, 0.0%, 31.5%, 1.6%

OKLCH

0.9655 0.0998 111.8

Properties

Cool Light Nearest: Green Yellow

Color Harmonies

Complementary

#F5FBAC

#B2ACFB

Analogous

#FBD9AC

#CDFBAC

#F5FBAC

Triadic

#F5FBAC

#ACF5FB

#FBACF5

Split Complementary

#F5FBAC

#ACCDFB

#D9ACFB

Tetradic

#F5FBAC

#ACFBD9

#B2ACFB

#FBACCD

Color Blindness Simulation

Original

#F5FBAC

Protanopia

#F8F8BF

Deuteranopia

#F7F7C4

Tritanopia

#F5CED2

Achromatopsia

#F4F4F4

CSS Usage

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

Tailwind Shades

50
#FCFDF1
100
#F9FBDF
200
#F7FCBB
300
#F1F98A
400
#E9F64B
500
#E2F30C
600
#B4C309
700
#909C08
800
#717A06
900
#525809
950
#343806

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026