0 views

#f8d3cc - Color Information

#f8d3cc

Base Information

HEX

#f8d3cc

RGB

248,211,204

HSL

10,76,89

HSV

10,18,97

CMYK

0,15,18,3

LAB

87,12,8

LCH

87,14,35

XYZ

73,71,67

Web Safe

#ffcccc

Web Smart

#ffcccc

is dark

luminosity

0.7090

Pantone Color

Combinations

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

#f8d3cc

#CCF1F8

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

#f8d3cc

#CCF8E9

#CCDBF8

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

#f8d3cc

#CCF8D3

#D3CCF8

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

#f8d3cc

#DBF8CC

#CCF1F8

#E9CCF8

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

#f8d3cc

#CCF1F8

#CCF8E9

#CCDBF8

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

#f8d3cc

#F8E9CC

#F1F8CC

#DBF8CC

Shades

#f8d3cc Light Tints

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

#F8D3CC

#F9D7D1

#F9DCD6

#FAE0DB

#FBE5E0

#FCE9E6

#FCEDEB

#FDF2F0

#FEF6F5

#FEFBFA

#f8d3cc Gray Shades

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

#F8D3CC

#ECCBC4

#E0C2BD

#D4BAB5

#C8B2AE

#BCAAA6

#B0A19E

#A49997

#98918F

#8C8888

#f8d3cc Dark Shades

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

#F8D3CC

#DFBEB8

#C6A9A3

#AE948F

#957F7A

#7C6A66

#635452

#4A3F3D

#322A29

#191514

#f8d3cc Red Shades

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

#F8D3CC

#F9BEB8

#F9A9A3

#FA948F

#FB7F7A

#FC6A66

#FC5452

#FD3F3D

#FE2A29

#FE1514

#f8d3cc Green Shades

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

#F8D3CC

#DFCBB8

#C6C2A3

#AEBA8F

#95B27A

#7CAA66

#63A152

#4A993D

#329129

#198814

#f8d3cc Blue Shades

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

#F8D3CC

#DFBED1

#C6A9D6

#AE94DB

#957FE0

#7C6AE6

#6354EB

#4A3FF0

#322AF5

#1915FA

Readability Analysis

#f8d3cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.18	AAA	Sample Text
Red	2.89	Fail	Sample Text
Green	3.71	A	Sample Text
Blue	6.21	AA	Sample Text

#f8d3cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.18	AAA	Sample Text
Red	2.89	Fail	Sample Text
Green	3.71	A	Sample Text
Blue	6.21	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e9d7ce`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f7d3cb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fad0d8`
Protanopia	No red perception - Dichromacy	`#e1d9ce`
Deuteranopia	No green perception - Dichromacy	`#f6d2cb`
Tritanopia	No blue perception - Dichromacy	`#fbcfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#e5d8d5`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#f8d3cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f8d3cc Light Tints

#f8d3cc Gray Shades

#f8d3cc Dark Shades

#f8d3cc Red Shades

#f8d3cc Green Shades

#f8d3cc Blue Shades

Readability Analysis

#f8d3cc as Text Color

#f8d3cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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