0 views

#f7f5d3 - Color Information

#f7f5d3

Base Information

HEX

#f7f5d3

RGB

247,245,211

HSL

57,69,90

HSV

57,15,97

CMYK

0,1,15,3

LAB

96,-5,17

LCH

96,17,106

XYZ

83,90,75

Web Safe

#ffffcc

Web Smart

#ffeecc

is dark

luminosity

0.8978

Pantone Color

Combinations

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

#f7f5d3

#D3D5F7

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

#f7f5d3

#D3E7F7

#E3D3F7

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

#f7f5d3

#D3F7F5

#F5D3F7

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

#f7f5d3

#D3F7E3

#D3D5F7

#F7D3E7

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

#f7f5d3

#D3D5F7

#D3E7F7

#E3D3F7

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

#f7f5d3

#E7F7D3

#D5F7D3

#D3F7E3

Shades

#f7f5d3 Light Tints

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

#F7F5D3

#F8F6D7

#F9F7DC

#F9F8E0

#FAF9E5

#FBFAE9

#FCFBED

#FDFCF2

#FDFDF6

#FEFEFB

#f7f5d3 Gray Shades

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

#F7F5D3

#EBE9CB

#DFDEC2

#D3D2BA

#C7C6B2

#BCBBAA

#B0AFA1

#A4A399

#989791

#8C8C88

#f7f5d3 Dark Shades

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

#F7F5D3

#DEDDBE

#C6C4A9

#ADAC94

#94937F

#7C7B6A

#636254

#4A493F

#31312A

#191815

#f7f5d3 Red Shades

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

#F7F5D3

#F8DDBE

#F9C4A9

#F9AC94

#FA937F

#FB7B6A

#FC6254

#FD493F

#FD312A

#FE1815

#f7f5d3 Green Shades

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

#F7F5D3

#DEE9BE

#C6DEA9

#ADD294

#94C67F

#7CBB6A

#63AF54

#4AA33F

#31972A

#198C15

#f7f5d3 Blue Shades

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

#F7F5D3

#DEDDD7

#C6C4DC

#ADACE0

#9493E5

#7C7BE9

#6362ED

#4A49F2

#3131F6

#1918FB

Readability Analysis

#f7f5d3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.11	Fail	Sample Text
Black	18.96	AAA	Sample Text
Red	3.61	A	Sample Text
Green	4.64	AA	Sample Text
Blue	7.76	AAA	Sample Text

#f7f5d3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.11	Fail	Sample Text
Black	18.96	AAA	Sample Text
Red	3.61	A	Sample Text
Green	4.64	AA	Sample Text
Blue	7.76	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcf3d2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcf2e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbf1ef`
Protanopia	No red perception - Dichromacy	`#fff2d2`
Deuteranopia	No green perception - Dichromacy	`#fff0ea`
Tritanopia	No blue perception - Dichromacy	`#fdeeff`
Achromatomaly	Partial color blindness - Monochromacy	`#f4f4e7`
Achromatopsia	Complete color blindness - Monochromacy	`#f3f3f3`

#f7f5d3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7f5d3 Light Tints

#f7f5d3 Gray Shades

#f7f5d3 Dark Shades

#f7f5d3 Red Shades

#f7f5d3 Green Shades

#f7f5d3 Blue Shades

Readability Analysis

#f7f5d3 as Text Color

#f7f5d3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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