0 views

#f5d4a2 - Color Information

#f5d4a2

Base Information

HEX

#f5d4a2

RGB

245,212,162

HSL

36,81,80

HSV

36,34,96

CMYK

0,13,34,4

LAB

87,5,29

LCH

87,29,81

XYZ

68,69,44

Web Safe

#ffcc99

Web Smart

#eeccaa

is dark

luminosity

0.6911

Pantone Color

Combinations

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

#f5d4a2

#A2C3F5

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

#f5d4a2

#A2EDF5

#ABA2F5

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

#f5d4a2

#A2F5D4

#D4A2F5

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

#f5d4a2

#A2F5AB

#A2C3F5

#F5A2ED

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

#f5d4a2

#A2C3F5

#A2EDF5

#ABA2F5

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

#f5d4a2

#EDF5A2

#C3F5A2

#A2F5AB

Shades

#f5d4a2 Light Tints

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

#F5D4A2

#F6D8AB

#F7DDB5

#F8E1BE

#F9E5C7

#FAEAD1

#FBEEDA

#FCF2E3

#FDF6EC

#FEFBF6

#f5d4a2 Gray Shades

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

#F5D4A2

#E9CC9F

#DEC39B

#D2BB98

#C6B294

#BBAA91

#AFA28E

#A3998A

#979187

#8C8883

#f5d4a2 Dark Shades

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

#F5D4A2

#DDBF92

#C4AA82

#AC9471

#937F61

#7B6A51

#625541

#494031

#312A20

#181510

#f5d4a2 Red Shades

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

#F5D4A2

#F6BF92

#F7AA82

#F89471

#F97F61

#FA6A51

#FB5541

#FC4031

#FD2A20

#FE1510

#f5d4a2 Green Shades

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

#F5D4A2

#DDCC92

#C4C382

#ACBB71

#93B261

#7BAA51

#62A241

#499931

#319120

#188810

#f5d4a2 Blue Shades

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

#F5D4A2

#DDBFAB

#C4AAB5

#AC94BE

#937FC7

#7B6AD1

#6255DA

#4940E3

#312AEC

#1815F6

Readability Analysis

#f5d4a2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.82	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.06	AA	Sample Text

#f5d4a2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.42	Fail	Sample Text
Black	14.82	AAA	Sample Text
Red	2.82	Fail	Sample Text
Green	3.63	A	Sample Text
Blue	6.06	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ecd6a2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbd1a3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9cec6`
Protanopia	No red perception - Dichromacy	`#e7d7a2`
Deuteranopia	No green perception - Dichromacy	`#ffcfa3`
Tritanopia	No blue perception - Dichromacy	`#fccbda`
Achromatomaly	Partial color blindness - Monochromacy	`#e2d6c4`
Achromatopsia	Complete color blindness - Monochromacy	`#d7d7d7`

#f5d4a2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5d4a2 Light Tints

#f5d4a2 Gray Shades

#f5d4a2 Dark Shades

#f5d4a2 Red Shades

#f5d4a2 Green Shades

#f5d4a2 Blue Shades

Readability Analysis

#f5d4a2 as Text Color

#f5d4a2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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