#F5FFBA

#F5FFBA

Color Values

HEX

#F5FFBA

RGB

245, 255, 186

HSL

68,7, 100,0%, 86,5%

HSV

68,7, 27,1%, 100,0%

CMYK

3,9%, 0,0%, 27,1%, 0,0%

OKLCH

0,9762 0,0885 114,8

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F5FFBA

#C4BAFF

Analogous

#FFE7BA

#D3FFBA

#F5FFBA

Triadic

#F5FFBA

#BAF5FF

#FFBAF5

Split Complementary

#F5FFBA

#BAD3FF

#E7BAFF

Tetradic

#F5FFBA

#BAFFE7

#C4BAFF

#FFBAD3

Color Blindness Simulation

Original

#F5FFBA

Protanopia

#F9F9CB

Deuteranopia

#F9F8CF

Tritanopia

#F6D8DB

Achromatopsia

#F8F8F8

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDE
200
#F5FFB8
300
#EDFF85
400
#E4FF42
500
#DAFF00
600
#AECC00
700
#8CA300
800
#6D8000
900
#4F5C05
950
#323A03

Contrast Checker

Text on white

1,06:1

AA Fail AAA Fail

Text on black

19,9: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