#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026