0 views

#f5fcf2 - Color Information

#f5fcf2

Base Information

HEX

#f5fcf2

RGB

245,252,242

HSL

102,63,97

HSV

102,4,99

CMYK

3,0,4,1

LAB

98,-4,4

LCH

98,6,136

XYZ

88,95,98

Web Safe

#ffffff

Web Smart

#eeffee

is dark

luminosity

0.9544

Pantone Color

Combinations

#f5fcf2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#f5fcf2

#F9F2FC

#f5fcf2 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f5fcf2

#F4F2FC

#FCF2FA

#f5fcf2 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f5fcf2

#F2F5FC

#FCF2F5

#f5fcf2 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f5fcf2

#F2FAFC

#F9F2FC

#FCF4F2

#f5fcf2 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f5fcf2

#F9F2FC

#F4F2FC

#FCF2FA

#f5fcf2 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#f5fcf2

#F2FCF4

#F2FCF9

#F2FAFC

Shades

#f5fcf2 Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#F5FCF2

#F6FCF3

#F7FDF5

#F8FDF6

#F9FDF7

#FAFEF9

#FBFEFA

#FCFEFB

#FDFEFC

#FEFFFE

#f5fcf2 Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#F5FCF2

#E9F0E7

#DEE3DB

#D2D7D0

#C6CAC4

#BBBEB9

#AFB2AE

#A3A5A2

#979997

#8C8C8B

#f5fcf2 Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#F5FCF2

#DDE3DA

#C4CAC2

#ACB0A9

#939791

#7B7E79

#626561

#494C49

#313230

#181918

#f5fcf2 Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#F5FCF2

#F6E3DA

#F7CAC2

#F8B0A9

#F99791

#FA7E79

#FB6561

#FC4C49

#FD3230

#FE1918

#f5fcf2 Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#F5FCF2

#DDF0DA

#C4E3C2

#ACD7A9

#93CA91

#7BBE79

#62B261

#49A549

#319930

#188C18

#f5fcf2 Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#F5FCF2

#DDE3F3

#C4CAF5

#ACB0F6

#9397F7

#7B7EF9

#6265FA

#494CFB

#3132FC

#1819FE

Readability Analysis

#f5fcf2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.05	Fail	Sample Text
Black	20.09	AAA	Sample Text
Red	3.82	A	Sample Text
Green	4.91	AA	Sample Text
Blue	8.22	AAA	Sample Text

#f5fcf2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.05	Fail	Sample Text
Black	20.09	AAA	Sample Text
Red	3.82	A	Sample Text
Green	4.91	AA	Sample Text
Blue	8.22	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbfaf2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbfaf6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f8fafa`
Protanopia	No red perception - Dichromacy	`#fff9f2`
Deuteranopia	No green perception - Dichromacy	`#fff8f9`
Tritanopia	No blue perception - Dichromacy	`#faf9ff`
Achromatomaly	Partial color blindness - Monochromacy	`#f8fbf7`
Achromatopsia	Complete color blindness - Monochromacy	`#fafafa`

#f5fcf2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#f5fcf2 complementaryColors that are opposite to each other, forming a contrasting pair.

#f5fcf2 splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f5fcf2 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f5fcf2 tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f5fcf2 analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f5fcf2 analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#f5fcf2 Light Tints

#f5fcf2 Gray Shades

#f5fcf2 Dark Shades

#f5fcf2 Red Shades

#f5fcf2 Green Shades

#f5fcf2 Blue Shades

Readability Analysis

#f5fcf2 as Text Color

#f5fcf2 as Background Color

Color Blindness Simulation

#f5fcf2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#f5fcf2 splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#f5fcf2 triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#f5fcf2 tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#f5fcf2 analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#f5fcf2 analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.