#F2FBBB

#F2FBBB

Color Values

HEX

#F2FBBB

RGB

242, 251, 187

HSL

68.4, 88.9%, 85.9%

HSV

68.4, 25.5%, 98.4%

CMYK

3.6%, 0.0%, 25.5%, 1.6%

OKLCH

0.966 0.0825 114.5

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F2FBBB

#C4BBFB

Analogous

#FBE4BB

#D2FBBB

#F2FBBB

Triadic

#F2FBBB

#BBF2FB

#FBBBF2

Split Complementary

#F2FBBB

#BBD2FB

#E4BBFB

Tetradic

#F2FBBB

#BBFBE4

#C4BBFB

#FBBBD2

Color Blindness Simulation

Original

#F2FBBB

Protanopia

#F6F6CA

Deuteranopia

#F5F5CE

Tritanopia

#F2D7D9

Achromatopsia

#F4F4F4

CSS Usage

background-color: #F2FBBB;
color: #F2FBBB;
border-color: #F2FBBB;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#FCFDF2
100
#F7FBE0
200
#F2FBBC
300
#E9F88B
400
#DDF54D
500
#D1F10E
600
#A7C10B
700
#869A09
800
#697807
900
#4C570A
950
#303706

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.29: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