Hex Color #FAF4FC - Custom Color

Color Codes

HEX

#FAF4FC

RGB

rgb(250, 244, 252)

HSL

hsl(285, 57%, 97%)

CMYK

cmyk(1%, 3%, 0%, 1%)

HSV

hsv(285, 3%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#F5F3FC #FAF3FC #FCF3FA

Triadic

#FAF3FC #FCFAF3 #F3FCFA

Split Complementary

#FAF3FC #FAFCF3 #F3FCF5

Tetradic (Square)

#FAF3FC #FCF5F3 #F5FCF3 #F3FAFC

Complementary

#FAF4FC #F5FCF3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.08:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 19.41:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #FAF4FC;

color: #FAF4FC;

border-color: #FAF4FC;

}

Tailwind CSS (with arbitrary values)

bg-[#FAF4FC]

text-[#FAF4FC]

border-[#FAF4FC]

// Example usage: