0 views

#f5ca9d - Color Information

#f5ca9d

Base Information

HEX

#f5ca9d

RGB

245,202,157

HSL

31,81,79

HSV

31,36,96

CMYK

0,18,36,4

LAB

84,9,28

LCH

84,30,72

XYZ

65,64,41

Web Safe

#ffcc99

Web Smart

#eecc99

is dark

luminosity

0.6409

Pantone Color

Combinations

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

#f5ca9d

#9DC8F5

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

#f5ca9d

#9DF4F5

#9E9DF5

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

#f5ca9d

#9DF5CA

#CA9DF5

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

#f5ca9d

#9DF59E

#9DC8F5

#F59DF4

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

#f5ca9d

#9DC8F5

#9DF4F5

#9E9DF5

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

#f5ca9d

#F4F59D

#C8F59D

#9DF59E

Shades

#f5ca9d Light Tints

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

#F5CA9D

#F6CFA7

#F7D5B1

#F8DABA

#F9DFC4

#FAE5CE

#FBEAD8

#FCEFE2

#FDF4EB

#FEFAF5

#f5ca9d Gray Shades

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

#F5CA9D

#E9C39A

#DEBB97

#D2B494

#C6AC91

#BBA58F

#AF9E8C

#A39689

#978F86

#8C8783

#f5ca9d Dark Shades

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

#F5CA9D

#DDB68D

#C4A27E

#AC8D6E

#93795E

#7B654F

#62513F

#493D2F

#31281F

#181410

#f5ca9d Red Shades

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

#F5CA9D

#F6B68D

#F7A27E

#F88D6E

#F9795E

#FA654F

#FB513F

#FC3D2F

#FD281F

#FE1410

#f5ca9d Green Shades

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

#F5CA9D

#DDC38D

#C4BB7E

#ACB46E

#93AC5E

#7BA54F

#629E3F

#49962F

#318F1F

#188710

#f5ca9d Blue Shades

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

#F5CA9D

#DDB6A7

#C4A2B1

#AC8DBA

#9379C4

#7B65CE

#6251D8

#493DE2

#3128EB

#1814F5

Readability Analysis

#f5ca9d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.82	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.65	AA	Sample Text

#f5ca9d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.52	Fail	Sample Text
Black	13.82	AAA	Sample Text
Red	2.63	Fail	Sample Text
Green	3.38	A	Sample Text
Blue	5.65	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7ce9e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f7c89c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9c5be`
Protanopia	No red perception - Dichromacy	`#dfd09f`
Deuteranopia	No green perception - Dichromacy	`#f7c89c`
Tritanopia	No blue perception - Dichromacy	`#fbc1d0`
Achromatomaly	Partial color blindness - Monochromacy	`#ddcebd`
Achromatopsia	Complete color blindness - Monochromacy	`#d0d0d0`

#f5ca9d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5ca9d Light Tints

#f5ca9d Gray Shades

#f5ca9d Dark Shades

#f5ca9d Red Shades

#f5ca9d Green Shades

#f5ca9d Blue Shades

Readability Analysis

#f5ca9d as Text Color

#f5ca9d as Background Color

Color Blindness Simulation

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

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

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

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

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

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