0 views

#f7c8f4 - Color Information

#f7c8f4

Base Information

HEX

#f7c8f4

RGB

247,200,244

HSL

304,75,88

HSV

304,19,97

CMYK

0,19,1,3

LAB

86,24,-15

LCH

86,28,327

XYZ

75,68,95

Web Safe

#ffccff

Web Smart

#ffccee

is dark

luminosity

0.6761

Pantone Color

Combinations

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

#f7c8f4

#C8F7CB

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

#f7c8f4

#DCF7C8

#C8F7E3

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

#f7c8f4

#F4F7C8

#C8F4F7

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

#f7c8f4

#F7E3C8

#C8F7CB

#C8DCF7

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

#f7c8f4

#C8F7CB

#DCF7C8

#C8F7E3

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

#f7c8f4

#F7C8DC

#F7CBC8

#F7E3C8

Shades

#f7c8f4 Light Tints

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

#F7C8F4

#F8CEF5

#F9D3F6

#F9D9F7

#FADEF8

#FBE4FA

#FCE9FB

#FDEFFC

#FDF4FD

#FEFAFE

#f7c8f4 Gray Shades

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

#F7C8F4

#EBC1E8

#DFBADD

#D3B2D1

#C7ABC6

#BCA4BA

#B09DAE

#A496A3

#988E97

#8C878C

#f7c8f4 Dark Shades

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

#F7C8F4

#DEB4DC

#C6A0C3

#AD8CAB

#947892

#7C647A

#635062

#4A3C49

#312831

#191418

#f7c8f4 Red Shades

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

#F7C8F4

#F8B4DC

#F9A0C3

#F98CAB

#FA7892

#FB647A

#FC5062

#FD3C49

#FD2831

#FE1418

#f7c8f4 Green Shades

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

#F7C8F4

#DEC1DC

#C6BAC3

#ADB2AB

#94AB92

#7CA47A

#639D62

#4A9649

#318E31

#198718

#f7c8f4 Blue Shades

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

#F7C8F4

#DEB4F5

#C6A0F6

#AD8CF7

#9478F8

#7C64FA

#6350FB

#4A3CFC

#3128FD

#1914FE

Readability Analysis

#f7c8f4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

#f7c8f4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.52	AAA	Sample Text
Red	2.77	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.94	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dccff9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e7cdf2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4cae4`
Protanopia	No red perception - Dichromacy	`#cdd4fb`
Deuteranopia	No green perception - Dichromacy	`#ded0f1`
Tritanopia	No blue perception - Dichromacy	`#f3cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#e1d0e0`
Achromatopsia	Complete color blindness - Monochromacy	`#d5d5d5`

#f7c8f4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7c8f4 Light Tints

#f7c8f4 Gray Shades

#f7c8f4 Dark Shades

#f7c8f4 Red Shades

#f7c8f4 Green Shades

#f7c8f4 Blue Shades

Readability Analysis

#f7c8f4 as Text Color

#f7c8f4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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