#F2F5B5

#F2F5B5

Color Values

HEX

#F2F5B5

RGB

242, 245, 181

HSL

62.8, 76.2%, 83.5%

HSV

62.8, 26.1%, 96.1%

CMYK

1.2%, 0.0%, 26.1%, 3.9%

OKLCH

0.9527 0.082 110.1

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#F2F5B5

#B8B5F5

Analogous

#F5D8B5

#D2F5B5

#F2F5B5

Triadic

#F2F5B5

#B5F2F5

#F5B5F2

Split Complementary

#F2F5B5

#B5D2F5

#D8B5F5

Tetradic

#F2F5B5

#B5F5D8

#B8B5F5

#F5B5D2

Color Blindness Simulation

Original

#F2F5B5

Protanopia

#F3F3C4

Deuteranopia

#F3F3C8

Tritanopia

#F2D1D3

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F4F7C0
300
#ECF093
400
#E2E959
500
#D8E11E
600
#ACB418
700
#8A9013
800
#6C700F
900
#4F520F
950
#32340A

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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