0 views

#f7ccdd - Color Information

#f7ccdd

Base Information

HEX

#f7ccdd

RGB

247,204,221

HSL

336,73,88

HSV

336,17,97

CMYK

0,17,11,3

LAB

86,18,-3

LCH

86,18,351

XYZ

73,68,78

Web Safe

#ffcccc

Web Smart

#ffccdd

is dark

luminosity

0.6818

Pantone Color

Combinations

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

#f7ccdd

#CCF7E6

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

#f7ccdd

#CCF7D0

#CCF3F7

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

#f7ccdd

#DDF7CC

#CCDDF7

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

#f7ccdd

#F3F7CC

#CCF7E6

#D0CCF7

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

#f7ccdd

#CCF7E6

#CCF7D0

#CCF3F7

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

#f7ccdd

#F7D0CC

#F7E6CC

#F3F7CC

Shades

#f7ccdd Light Tints

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

#F7CCDD

#F8D1E0

#F9D6E4

#F9DBE7

#FAE0EB

#FBE6EE

#FCEBF1

#FDF0F5

#FDF5F8

#FEFAFC

#f7ccdd Gray Shades

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

#F7CCDD

#EBC4D4

#DFBDCA

#D3B5C1

#C7AEB8

#BCA6AF

#B09EA5

#A4979C

#988F93

#8C8889

#f7ccdd Dark Shades

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

#F7CCDD

#DEB8C7

#C6A3B1

#AD8F9B

#947A85

#7C666F

#635258

#4A3D42

#31292C

#191416

#f7ccdd Red Shades

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

#F7CCDD

#F8B8C7

#F9A3B1

#F98F9B

#FA7A85

#FB666F

#FC5258

#FD3D42

#FD292C

#FE1416

#f7ccdd Green Shades

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

#F7CCDD

#DEC4C7

#C6BDB1

#ADB59B

#94AE85

#7CA66F

#639E58

#4A9742

#318F2C

#198816

#f7ccdd Blue Shades

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

#F7CCDD

#DEB8E0

#C6A3E4

#AD8FE7

#947AEB

#7C66EE

#6352F1

#4A3DF5

#3129F8

#1914FC

Readability Analysis

#f7ccdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.64	AAA	Sample Text
Red	2.79	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.99	AA	Sample Text

#f7ccdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.43	Fail	Sample Text
Black	14.64	AAA	Sample Text
Red	2.79	Fail	Sample Text
Green	3.58	A	Sample Text
Blue	5.99	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e2d2e0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#efcedb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f7cbdb`
Protanopia	No red perception - Dichromacy	`#d7d5e2`
Deuteranopia	No green perception - Dichromacy	`#ead0db`
Tritanopia	No blue perception - Dichromacy	`#f7cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#e2d3d9`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#f7ccdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7ccdd Light Tints

#f7ccdd Gray Shades

#f7ccdd Dark Shades

#f7ccdd Red Shades

#f7ccdd Green Shades

#f7ccdd Blue Shades

Readability Analysis

#f7ccdd as Text Color

#f7ccdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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