#F5F2CC

#F5F2CC

Color Values

HEX

#F5F2CC

RGB

245, 242, 204

HSL

55.6, 67.2%, 88.0%

HSV

55.6, 16.7%, 96.1%

CMYK

0.0%, 1.2%, 16.7%, 3.9%

OKLCH

0.9538 0.0496 103.6

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F5F2CC

#CCCFF5

Analogous

#F5DDCC

#E3F5CC

#F5F2CC

Triadic

#F5F2CC

#CCF5F2

#F2CCF5

Split Complementary

#F5F2CC

#CCE3F5

#DDCCF5

Tetradic

#F5F2CC

#CCF5DD

#CCCFF5

#F5CCE3

Color Blindness Simulation

Original

#F5F2CC

Protanopia

#F4F4D5

Deuteranopia

#F4F4D7

Tritanopia

#F5DCDE

Achromatopsia

#F0F0F0

CSS Usage

background-color: #F5F2CC;
color: #F5F2CC;
border-color: #F5F2CC;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FCFBF3
100
#F7F6E3
200
#F3F0C3
300
#EBE599
400
#E0D761
500
#D5C92A
600
#ABA021
700
#88801B
800
#6B6415
900
#4E4913
950
#312E0C

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.46:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026