Coloried

Broken White

Broken White color is a pale shade of white. Its hex code is #F8F7F3 and rgb code is rgb(248, 247, 243), Its CMYK value is cmyk(0%, 0%, 2%, 3%), and Its HSL value is hsl(48, 26%, 96%). Against white, it has a contrast ratio of 1.07:1, while against black, the contrast ratio is 19.59:1. Complementary color is #F2F3F7 and closest tailwind color is stone-100. This color goes well with #B1BF92, #BF9F92, #A39662, #B2C8D2, and #BBB2D2. To recreate the Broken White color, you can mix #FFFFFF and #F1EFE7.

Broken White color code
|
1. Color Conversions
HEX#F8F7F3
RGB248, 247, 243
HSL48°, 26%, 96%
HSV48°, 26%, 97%
CMYK0%, 0%, 2%, 3%
Web Safe#FFFFFF
2. Contrast Ratio
Text on #FFFFFF1.07:1
Fail LargeFail Normal
Text on #00000019.59:1
AAA LargeAAA Normal
3. Broken White Color Code in CSS
HEX
#F8F7F3
RGB
rgb(248, 247, 243)
HSL
hsl(48, 26%, 96%)
Text Color
color: #F8F7F3;
Background
background-color: #F8F7F3;
Border Color
border-color: #F8F7F3;
Box Shadow
box-shadow: 0 4px 14px 0 #F8F7F380;
SCSS
$color-broken-white: #F8F7F3;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#F8F8F4
Deuteranopia#F8F8F4
Tritanopia#F8F5F5
Achromatopsia#F7F7F7
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive