#F6B28E

#F6B28E

Color Values

HEX

#F6B28E

RGB

246, 178, 142

HSL

20.8, 85.2%, 76.1%

HSV

20.8, 42.3%, 96.5%

CMYK

0.0%, 27.6%, 42.3%, 3.5%

OKLCH

0.8189 0.0934 48.9

Properties

Warm Light Nearest: NCS S 0530-Y90R Light Orange

Color Harmonies

Complementary

#F6B28E

#8ED2F6

Analogous

#F68E9E

#F6E68E

#F6B28E

Triadic

#F6B28E

#8EF6B2

#B28EF6

Split Complementary

#F6B28E

#8EF6E6

#8E9EF6

Tetradic

#F6B28E

#9EF68E

#8ED2F6

#E68EF6

Color Blindness Simulation

Original

#F6B28E

Protanopia

#D9D897

Deuteranopia

#DCE299

Tritanopia

#F39E9F

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#FDF6F2
100
#FAE9E0
200
#FAD2BD
300
#F6B28E
400
#F18850
500
#EC5E13
600
#BD4B0F
700
#973C0C
800
#762F09
900
#56250B
950
#361707

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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