Coloried

Pastel White

Pastel White color is a bright shade of white. Its hex code is #FAF8F6 and rgb code is rgb(250, 248, 246), Its CMYK value is cmyk(0%, 1%, 2%, 2%), and Its HSL value is hsl(30, 29%, 97%). Against white, its contrast ratio of 1.06:1, while against black, the contrast ratio is 19.82:1. Complementary color is #F5F7FA and closest tailwind color is stone-50. This color goes well with #C3C392, #C39292, #A88561, #B3D5D5, and #B3B3D5. To create this Pastel White color, you can mix #FFFFFF and #F5F1ED.

Pastel White color code
|
1. Color Conversions
HEX#FAF8F6
RGB250, 248, 246
HSL30°, 29%, 97%
HSV30°, 29%, 98%
CMYK0%, 1%, 2%, 2%
Web Safe#FFFFFF
2. Contrast Ratio
Text on #FFFFFF1.06:1
Fail LargeFail Normal
Text on #00000019.82:1
AAA LargeAAA Normal
3. Pastel White Color Code in CSS
HEX
#FAF8F6
RGB
rgb(250, 248, 246)
HSL
hsl(30, 29%, 97%)
Text Color
color: #FAF8F6;
Background
background-color: #FAF8F6;
Border Color
border-color: #FAF8F6;
Box Shadow
box-shadow: 0 4px 14px 0 #FAF8F680;
SCSS
$color-pastel-white: #FAF8F6;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#F9F9F6
Deuteranopia#F9F9F7
Tritanopia#FAF7F7
Achromatopsia#F8F8F8
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive