0 views

#f7ccf0 - Color Information

#f7ccf0

Base Information

HEX

#f7ccf0

RGB

247,204,240

HSL

310,73,88

HSV

310,17,97

CMYK

0,17,3,3

LAB

87,21,-12

LCH

87,24,330

XYZ

76,69,92

Web Safe

#ffccff

Web Smart

#ffccee

is dark

luminosity

0.6925

Pantone Color

Combinations

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

#f7ccf0

#CCF7D3

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

#f7ccf0

#DAF7CC

#CCF7E9

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

#f7ccf0

#F0F7CC

#CCF0F7

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

#f7ccf0

#F7E9CC

#CCF7D3

#CCDAF7

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

#f7ccf0

#CCF7D3

#DAF7CC

#CCF7E9

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

#f7ccf0

#F7CCDA

#F7D3CC

#F7E9CC

Shades

#f7ccf0 Light Tints

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

#F7CCF0

#F8D1F2

#F9D6F3

#F9DBF5

#FAE0F6

#FBE6F8

#FCEBF9

#FDF0FB

#FDF5FC

#FEFAFE

#f7ccf0 Gray Shades

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

#F7CCF0

#EBC4E5

#DFBDDA

#D3B5CE

#C7AEC3

#BCA6B8

#B09EAD

#A497A2

#988F96

#8C888B

#f7ccf0 Dark Shades

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

#F7CCF0

#DEB8D8

#C6A3C0

#AD8FA8

#947A90

#7C6678

#635260

#4A3D48

#312930

#191418

#f7ccf0 Red Shades

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

#F7CCF0

#F8B8D8

#F9A3C0

#F98FA8

#FA7A90

#FB6678

#FC5260

#FD3D48

#FD2930

#FE1418

#f7ccf0 Green Shades

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

#F7CCF0

#DEC4D8

#C6BDC0

#ADB5A8

#94AE90

#7CA678

#639E60

#4A9748

#318F30

#198818

#f7ccf0 Blue Shades

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

#F7CCF0

#DEB8F2

#C6A3F3

#AD8FF5

#947AF6

#7C66F8

#6352F9

#4A3DFB

#3129FC

#1914FE

Readability Analysis

#f7ccf0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.85	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.08	AA	Sample Text

#f7ccf0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.85	AAA	Sample Text
Red	2.83	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.08	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0d2f4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ead0ee`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f5cde4`
Protanopia	No red perception - Dichromacy	`#d2d6f6`
Deuteranopia	No green perception - Dichromacy	`#e3d2ed`
Tritanopia	No blue perception - Dichromacy	`#f4cede`
Achromatomaly	Partial color blindness - Monochromacy	`#e3d3e1`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#f7ccf0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7ccf0 Light Tints

#f7ccf0 Gray Shades

#f7ccf0 Dark Shades

#f7ccf0 Red Shades

#f7ccf0 Green Shades

#f7ccf0 Blue Shades

Readability Analysis

#f7ccf0 as Text Color

#f7ccf0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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