Alabaster White

#FAFAFA
RGB
250, 250, 250
HSL
0°, 0%, 98%
CMYK
0, 0, 0, 2
HSV
0°, 0%, 98%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FAFAFA color: #FAFAFA;
RGB 250, 250, 250 color: rgb(250, 250, 250);
RGB Percentage 98%, 98%, 98% color: rgb(98%, 98%, 98%);
CMYK 0%, 0%, 0%, 2% Not supported in CSS
HSL 0°, 0%, 98% color: hsl(0, 0%, 98%);
HSV 0°, 0%, 98% Not supported in CSS
CIE-LAB 78, 0, 0 color: lab(78% 0 0);
Decimal 16448250 Not supported in CSS

Color Variations

Shades

#FAFAFA
#E1E1E1
#C8C8C8
#AFAFAF
#969696
#7D7D7D
#646464
#4B4B4B

Tints

#FDFDFD
#FDFDFD
#FCFCFC
#FCFCFC
#FBFBFB
#FBFBFB
#FAFAFA
#FAFAFA

Tones

#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA

Hues

#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA
#FAFAFA

Color Harmonies

Analogous

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Complementary

#FAFAFA
Click to copy
#FAFAFA
Click to copy

Split Complementary

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Triadic

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Tetradic

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

Square

#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy
#FAFAFA
Click to copy

CSS & Dev Snippets

CSS
.alabaster-white {
  color: #FAFAFA;
}
SCSS
$alabaster-white: #FAFAFA;
RGB
rgb(250, 250, 250)

Accessibility & Contrast

White background

1.04:1
1.04
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

20.12:1
20.12
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags