0 views

#f5dfdd - Color Information

#f5dfdd

Base Information

HEX

#f5dfdd

RGB

245,223,221

HSL

5,55,91

HSV

5,10,96

CMYK

0,9,10,4

LAB

91,7,4

LCH

91,8,27

XYZ

77,77,79

Web Safe

#ffcccc

Web Smart

#eedddd

is dark

luminosity

0.7741

Pantone Color

Combinations

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

#f5dfdd

#DDF3F5

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

#f5dfdd

#DDF5EB

#DDE7F5

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

#f5dfdd

#DDF5DF

#DFDDF5

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

#f5dfdd

#E7F5DD

#DDF3F5

#EBDDF5

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

#f5dfdd

#DDF3F5

#DDF5EB

#DDE7F5

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

#f5dfdd

#F5EBDD

#F3F5DD

#E7F5DD

Shades

#f5dfdd Light Tints

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

#F5DFDD

#F6E2E0

#F7E5E4

#F8E9E7

#F9ECEB

#FAEFEE

#FBF2F1

#FCF5F5

#FDF9F8

#FEFCFC

#f5dfdd Gray Shades

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

#F5DFDD

#E9D6D4

#DECCCA

#D2C3C1

#C6B9B8

#BBB0AF

#AFA6A5

#A39D9C

#979393

#8C8A89

#f5dfdd Dark Shades

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

#F5DFDD

#DDC9C7

#C4B2B1

#AC9C9B

#938685

#7B706F

#625958

#494342

#312D2C

#181616

#f5dfdd Red Shades

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

#F5DFDD

#F6C9C7

#F7B2B1

#F89C9B

#F98685

#FA706F

#FB5958

#FC4342

#FD2D2C

#FE1616

#f5dfdd Green Shades

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

#F5DFDD

#DDD6C7

#C4CCB1

#ACC39B

#93B985

#7BB06F

#62A658

#499D42

#31932C

#188A16

#f5dfdd Blue Shades

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

#F5DFDD

#DDC9E0

#C4B2E4

#AC9CE7

#9386EB

#7B70EE

#6259F1

#4943F5

#312DF8

#1816FC

Readability Analysis

#f5dfdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.48	AAA	Sample Text
Red	3.14	A	Sample Text
Green	4.03	A	Sample Text
Blue	6.74	AA	Sample Text

#f5dfdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.27	Fail	Sample Text
Black	16.48	AAA	Sample Text
Red	3.14	A	Sample Text
Green	4.03	A	Sample Text
Blue	6.74	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ede1de`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fadddd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f6dde7`
Protanopia	No red perception - Dichromacy	`#e8e2de`
Deuteranopia	No green perception - Dichromacy	`#fcdbdd`
Tritanopia	No blue perception - Dichromacy	`#f7dbec`
Achromatomaly	Partial color blindness - Monochromacy	`#eae2e1`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#f5dfdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5dfdd Light Tints

#f5dfdd Gray Shades

#f5dfdd Dark Shades

#f5dfdd Red Shades

#f5dfdd Green Shades

#f5dfdd Blue Shades

Readability Analysis

#f5dfdd as Text Color

#f5dfdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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