0 views

#f3ccdd - Color Information

#f3ccdd

Base Information

HEX

#f3ccdd

RGB

243,204,221

HSL

334,62,88

HSV

334,16,95

CMYK

0,16,9,5

LAB

86,16,-3

LCH

86,17,349

XYZ

72,67,78

Web Safe

#ffcccc

Web Smart

#eeccdd

is dark

luminosity

0.6746

Pantone Color

Combinations

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

#f3ccdd

#CCF3E2

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

#f3ccdd

#CCF3CE

#CCF1F3

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

#f3ccdd

#DDF3CC

#CCDDF3

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

#f3ccdd

#F1F3CC

#CCF3E2

#CFCCF3

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

#f3ccdd

#CCF3E2

#CCF3CE

#CCF1F3

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

#f3ccdd

#F3CECC

#F3E2CC

#F1F3CC

Shades

#f3ccdd Light Tints

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

#F3CCDD

#F4D1E0

#F5D6E4

#F7DBE7

#F8E0EB

#F9E6EE

#FAEBF1

#FBF0F5

#FDF5F8

#FEFAFC

#f3ccdd Gray Shades

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

#F3CCDD

#E8C4D4

#DCBDCA

#D1B5C1

#C5AEB8

#BAA6AF

#AE9EA5

#A3979C

#978F93

#8C8889

#f3ccdd Dark Shades

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

#F3CCDD

#DBB8C7

#C2A3B1

#AA8F9B

#927A85

#7A666F

#615258

#493D42

#31292C

#181416

#f3ccdd Red Shades

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

#F3CCDD

#F4B8C7

#F5A3B1

#F78F9B

#F87A85

#F9666F

#FA5258

#FB3D42

#FD292C

#FE1416

#f3ccdd Green Shades

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

#F3CCDD

#DBC4C7

#C2BDB1

#AAB59B

#92AE85

#7AA66F

#619E58

#499742

#318F2C

#188816

#f3ccdd Blue Shades

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

#F3CCDD

#DBB8E0

#C2A3E4

#AA8FE7

#927AEB

#7A66EE

#6152F1

#493DF5

#3129F8

#1814FC

Readability Analysis

#f3ccdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.49	AAA	Sample Text
Red	2.76	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.93	AA	Sample Text

#f3ccdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.45	Fail	Sample Text
Black	14.49	AAA	Sample Text
Red	2.76	Fail	Sample Text
Green	3.55	A	Sample Text
Blue	5.93	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e0d1e0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#eccedc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f3cbdb`
Protanopia	No red perception - Dichromacy	`#d6d4e1`
Deuteranopia	No green perception - Dichromacy	`#e8cfdb`
Tritanopia	No blue perception - Dichromacy	`#f2cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#e0d2d8`
Achromatopsia	Complete color blindness - Monochromacy	`#d6d6d6`

#f3ccdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f3ccdd Light Tints

#f3ccdd Gray Shades

#f3ccdd Dark Shades

#f3ccdd Red Shades

#f3ccdd Green Shades

#f3ccdd Blue Shades

Readability Analysis

#f3ccdd as Text Color

#f3ccdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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