#F7CF8C

#F7CF8C

Color Values

HEX

#F7CF8C

RGB

247, 207, 140

HSL

37,6, 87,0%, 75,9%

HSV

37,6, 43,3%, 96,9%

CMYK

0,0%, 16,2%, 43,3%, 3,1%

OKLCH

0,874 0,0958 79,9

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#F7CF8C

#8CB4F7

Analogous

#F79A8C

#E9F78C

#F7CF8C

Triadic

#F7CF8C

#8CF7CF

#CF8CF7

Split Complementary

#F7CF8C

#8CE9F7

#9A8CF7

Tetradic

#F7CF8C

#8CF79A

#8CB4F7

#F78CE9

Color Blindness Simulation

Original

#F7CF8C

Protanopia

#E6E59C

Deuteranopia

#E8EBA0

Tritanopia

#F5A9AC

Achromatopsia

#D3D3D3

CSS Usage

background-color: #F7CF8C;
color: #F7CF8C;
border-color: #F7CF8C;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF9F2
100
#FAF0E0
200
#FAE3BC
300
#F7CF8D
400
#F3B54F
500
#EE9C11
600
#BF7C0D
700
#99640B
800
#774E08
900
#563A0B
950
#372507

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,26: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