#F8F2CD

#F8F2CD

Color Values

HEX

#F8F2CD

RGB

248, 242, 205

HSL

51,6, 75,4%, 88,8%

HSV

51,6, 17,3%, 97,3%

CMYK

0,0%, 2,4%, 17,3%, 2,7%

OKLCH

0,9564 0,0486 99,6

Properties

Warm Light Nearest: lightgoldenrodyellow

Color Harmonies

Complementary

#F8F2CD

#CDD3F8

Analogous

#F8DCCD

#E8F8CD

#F8F2CD

Triadic

#F8F2CD

#CDF8F2

#F2CDF8

Split Complementary

#F8F2CD

#CDE8F8

#DCCDF8

Tetradic

#F8F2CD

#CDF8DC

#CDD3F8

#F8CDE8

Color Blindness Simulation

Original

#F8F2CD

Protanopia

#F5F5D6

Deuteranopia

#F6F6D8

Tritanopia

#F8DDDF

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FCFBF2
100
#F9F5E2
200
#F6EFC0
300
#F0E394
400
#E8D45A
500
#E0C51F
600
#B39D19
700
#8F7E14
800
#706210
900
#514810
950
#332E0A

Contrast Checker

Text on white

1,13:1

AA Fail AAA Fail

Text on black

18,57: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