0 views

#f7fcf2 - Color Information

#f7fcf2

Base Information

HEX

#f7fcf2

RGB

247,252,242

HSL

90,63,97

HSV

90,4,99

CMYK

2,0,4,1

LAB

98,-3,4

LCH

98,5,129

XYZ

89,96,98

Web Safe

#ffffff

Web Smart

#ffffee

is dark

luminosity

0.9581

Pantone Color

Combinations

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

#f7fcf2

#F7F2FC

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

#f7fcf2

#F2F2FC

#FCF2FC

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

#f7fcf2

#F2F7FC

#FCF2F7

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

#f7fcf2

#F2FCFC

#F7F2FC

#FCF2F2

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

#f7fcf2

#F7F2FC

#F2F2FC

#FCF2FC

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

#f7fcf2

#F2FCF2

#F2FCF7

#F2FCFC

Shades

#f7fcf2 Light Tints

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

#F7FCF2

#F8FCF3

#F9FDF5

#F9FDF6

#FAFDF7

#FBFEF9

#FCFEFA

#FDFEFB

#FDFEFC

#FEFFFE

#f7fcf2 Gray Shades

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

#F7FCF2

#EBF0E7

#DFE3DB

#D3D7D0

#C7CAC4

#BCBEB9

#B0B2AE

#A4A5A2

#989997

#8C8C8B

#f7fcf2 Dark Shades

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

#F7FCF2

#DEE3DA

#C6CAC2

#ADB0A9

#949791

#7C7E79

#636561

#4A4C49

#313230

#191918

#f7fcf2 Red Shades

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

#F7FCF2

#F8E3DA

#F9CAC2

#F9B0A9

#FA9791

#FB7E79

#FC6561

#FD4C49

#FD3230

#FE1918

#f7fcf2 Green Shades

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

#F7FCF2

#DEF0DA

#C6E3C2

#ADD7A9

#94CA91

#7CBE79

#63B261

#4AA549

#319930

#198C18

#f7fcf2 Blue Shades

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

#F7FCF2

#DEE3F3

#C6CAF5

#ADB0F6

#9497F7

#7C7EF9

#6365FA

#4A4CFB

#3132FC

#1919FE

Readability Analysis

#f7fcf2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.04	Fail	Sample Text
Black	20.16	AAA	Sample Text
Red	3.84	A	Sample Text
Green	4.93	AA	Sample Text
Blue	8.25	AAA	Sample Text

#f7fcf2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.04	Fail	Sample Text
Black	20.16	AAA	Sample Text
Red	3.84	A	Sample Text
Green	4.93	AA	Sample Text
Blue	8.25	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcfaf3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcfaf7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9fafa`
Protanopia	No red perception - Dichromacy	`#fff9f3`
Deuteranopia	No green perception - Dichromacy	`#fff9f9`
Tritanopia	No blue perception - Dichromacy	`#faf9ff`
Achromatomaly	Partial color blindness - Monochromacy	`#f9fbf7`
Achromatopsia	Complete color blindness - Monochromacy	`#fafafa`

#f7fcf2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7fcf2 Light Tints

#f7fcf2 Gray Shades

#f7fcf2 Dark Shades

#f7fcf2 Red Shades

#f7fcf2 Green Shades

#f7fcf2 Blue Shades

Readability Analysis

#f7fcf2 as Text Color

#f7fcf2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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