Coloried

Porcelain
#F8F9FA

What is Color Porcelain

Porcelain color is a crisp shade of white. Its hex code is #F8F9FA and rgb code is rgb(248, 249, 250), Its CMYK value is cmyk(1%, 0%, 0%, 2%), and Its HSL value is hsl(210, 17%, 98%). Against white, it has a contrast ratio of 1.05:1, while against black, the contrast ratio is 19.92:1. Its complementary color is #FBFAF9 and closest tailwind color is gray-50. This color goes well with #A0A0BB, #A0BBBB, #73879C, #D0BDBD, and #D0D0BD. To recreate the Porcelain color, you can mix #ffffff and #f1f3f5.

Image Preview

Porcelain color code
Porcelain color swatch #f8f9fa
1. Color Conversions
HEX#F8F9FA
RGB248, 249, 250
HSL210°, 17%, 98%
HSV210°, 17%, 98%
CMYK1%, 0%, 0%, 2%
Web Safe#FFFFFF
2. Contrast Ratio
Text on #FFFFFF1.05:1
Fail LargeFail Normal
Text on #00000019.92:1
AAA LargeAAA Normal
3. Porcelain Color Code in CSS
HEX
#F8F9FA
RGB
rgb(248, 249, 250)
HSL
hsl(210, 17%, 98%)
Text Color
color: #F8F9FA;
Background
background-color: #F8F9FA;
Border Color
border-color: #F8F9FA;
Box Shadow
box-shadow: 0 4px 14px 0 #F8F9FA80;
SCSS
$color-porcelain: #F8F9FA;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
8. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive
About Porcelain
Color NamePorcelain
HEX#F8F9FA
Color Family
gray
X11 NamePorcelain
LAB98.16, -0.07, -0.17
Preview Text
Aa