0 views

#f7f5df - Color Information

#f7f5df

Base Information

HEX

#f7f5df

RGB

247,245,223

HSL

55,60,92

HSV

55,10,97

CMYK

0,1,10,3

LAB

96,-3,11

LCH

96,11,106

XYZ

84,90,83

Web Safe

#ffffcc

Web Smart

#ffeedd

is dark

luminosity

0.9041

Pantone Color

Combinations

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

#f7f5df

#DFE1F7

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

#f7f5df

#DFEDF7

#E9DFF7

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

#f7f5df

#DFF7F5

#F5DFF7

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

#f7f5df

#DFF7E9

#DFE1F7

#F7DFED

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

#f7f5df

#DFE1F7

#DFEDF7

#E9DFF7

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

#f7f5df

#EDF7DF

#E1F7DF

#DFF7E9

Shades

#f7f5df Light Tints

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

#F7F5DF

#F8F6E2

#F9F7E5

#F9F8E9

#FAF9EC

#FBFAEF

#FCFBF2

#FDFCF5

#FDFDF9

#FEFEFC

#f7f5df Gray Shades

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

#F7F5DF

#EBE9D6

#DFDECC

#D3D2C3

#C7C6B9

#BCBBB0

#B0AFA6

#A4A39D

#989793

#8C8C8A

#f7f5df Dark Shades

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

#F7F5DF

#DEDDC9

#C6C4B2

#ADAC9C

#949386

#7C7B70

#636259

#4A4943

#31312D

#191816

#f7f5df Red Shades

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

#F7F5DF

#F8DDC9

#F9C4B2

#F9AC9C

#FA9386

#FB7B70

#FC6259

#FD4943

#FD312D

#FE1816

#f7f5df Green Shades

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

#F7F5DF

#DEE9C9

#C6DEB2

#ADD29C

#94C686

#7CBB70

#63AF59

#4AA343

#31972D

#198C16

#f7f5df Blue Shades

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

#F7F5DF

#DEDDE2

#C6C4E5

#ADACE9

#9493EC

#7C7BEF

#6362F2

#4A49F5

#3131F9

#1918FC

Readability Analysis

#f7f5df as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.10	Fail	Sample Text
Black	19.08	AAA	Sample Text
Red	3.63	A	Sample Text
Green	4.67	AA	Sample Text
Blue	7.81	AAA	Sample Text

#f7f5df as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.10	Fail	Sample Text
Black	19.08	AAA	Sample Text
Red	3.63	A	Sample Text
Green	4.67	AA	Sample Text
Blue	7.81	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbf4de`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcf2e8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9f2f3`
Protanopia	No red perception - Dichromacy	`#fef3dd`
Deuteranopia	No green perception - Dichromacy	`#fff1ed`
Tritanopia	No blue perception - Dichromacy	`#fbf0ff`
Achromatomaly	Partial color blindness - Monochromacy	`#f5f4ec`
Achromatopsia	Complete color blindness - Monochromacy	`#f4f4f4`

#f7f5df - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7f5df Light Tints

#f7f5df Gray Shades

#f7f5df Dark Shades

#f7f5df Red Shades

#f7f5df Green Shades

#f7f5df Blue Shades

Readability Analysis

#f7f5df as Text Color

#f7f5df as Background Color

Color Blindness Simulation

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

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

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

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

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

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