#F2FFBA

#F2FFBA

Color Values

HEX

#F2FFBA

RGB

242, 255, 186

HSL

71.3, 100.0%, 86.5%

HSV

71.3, 27.1%, 100.0%

CMYK

5.1%, 0.0%, 27.1%, 0.0%

OKLCH

0.974 0.0891 116.8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F2FFBA

#C7BAFF

Analogous

#FFEABA

#D0FFBA

#F2FFBA

Triadic

#F2FFBA

#BAF2FF

#FFBAF2

Split Complementary

#F2FFBA

#BAD0FF

#EABAFF

Tetradic

#F2FFBA

#BAFFEA

#C7BAFF

#FFBAD0

Color Blindness Simulation

Original

#F2FFBA

Protanopia

#F8F8CB

Deuteranopia

#F7F6CF

Tritanopia

#F3D8DB

Achromatopsia

#F7F7F7

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F7FCDE
200
#F2FFB8
300
#E8FF85
400
#DBFF42
500
#CFFF00
600
#A6CC00
700
#84A300
800
#678000
900
#4C5C05
950
#303A03

Contrast Checker

Text on white

1.06:1

AA Fail AAA Fail

Text on black

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