0 views

#f5e7c1 - Color Information

#f5e7c1

Base Information

HEX

#f5e7c1

RGB

245,231,193

HSL

44,72,86

HSV

44,21,96

CMYK

0,6,21,4

LAB

92,-1,20

LCH

92,20,93

XYZ

76,80,62

Web Safe

#ffffcc

Web Smart

#eeeebb

is dark

luminosity

0.8041

Pantone Color

Combinations

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

#f5e7c1

#C1CFF5

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

#f5e7c1

#C1E9F5

#CDC1F5

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

#f5e7c1

#C1F5E7

#E7C1F5

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

#f5e7c1

#C1F5CD

#C1CFF5

#F5C1E9

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

#f5e7c1

#C1CFF5

#C1E9F5

#CDC1F5

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

#f5e7c1

#E9F5C1

#CFF5C1

#C1F5CD

Shades

#f5e7c1 Light Tints

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

#F5E7C1

#F6E9C7

#F7ECCD

#F8EED4

#F9F1DA

#FAF3E0

#FBF5E6

#FCF8EC

#FDFAF3

#FEFDF9

#f5e7c1 Gray Shades

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

#F5E7C1

#E9DDBB

#DED2B4

#D2C8AE

#C6BEA7

#BBB4A1

#AFA99A

#A39F94

#97958D

#8C8A87

#f5e7c1 Dark Shades

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

#F5E7C1

#DDD0AE

#C4B99A

#ACA287

#938B74

#7B7461

#625C4D

#49453A

#312E27

#181713

#f5e7c1 Red Shades

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

#F5E7C1

#F6D0AE

#F7B99A

#F8A287

#F98B74

#FA7461

#FB5C4D

#FC453A

#FD2E27

#FE1713

#f5e7c1 Green Shades

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

#F5E7C1

#DDDDAE

#C4D29A

#ACC887

#93BE74

#7BB461

#62A94D

#499F3A

#319527

#188A13

#f5e7c1 Blue Shades

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

#F5E7C1

#DDD0C7

#C4B9CD

#ACA2D4

#938BDA

#7B74E0

#625CE6

#4945EC

#312EF3

#1817F9

Readability Analysis

#f5e7c1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.08	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.99	AA	Sample Text

#f5e7c1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.08	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.99	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f5e7c0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbe3cb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9e2df`
Protanopia	No red perception - Dichromacy	`#f4e6c0`
Deuteranopia	No green perception - Dichromacy	`#ffe1d1`
Tritanopia	No blue perception - Dichromacy	`#fcdff1`
Achromatomaly	Partial color blindness - Monochromacy	`#ece7d9`
Achromatopsia	Complete color blindness - Monochromacy	`#e7e7e7`

#f5e7c1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5e7c1 Light Tints

#f5e7c1 Gray Shades

#f5e7c1 Dark Shades

#f5e7c1 Red Shades

#f5e7c1 Green Shades

#f5e7c1 Blue Shades

Readability Analysis

#f5e7c1 as Text Color

#f5e7c1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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