0 views

#f5c77d - Color Information

#f5c77d

Base Information

HEX

#f5c77d

RGB

245,199,125

HSL

37,86,73

HSV

37,49,96

CMYK

0,19,49,4

LAB

83,7,43

LCH

83,44,80

XYZ

62,62,28

Web Safe

#ffcc66

Web Smart

#eecc77

is dark

luminosity

0.6174

Pantone Color

Combinations

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

#f5c77d

#7DABF5

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

#f5c77d

#7DE7F5

#8B7DF5

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

#f5c77d

#7DF5C7

#C77DF5

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

#f5c77d

#7DF58B

#7DABF5

#F57DE7

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

#f5c77d

#7DABF5

#7DE7F5

#8B7DF5

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

#f5c77d

#E7F57D

#ABF57D

#7DF58B

Shades

#f5c77d Light Tints

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

#F5C77D

#F6CD8A

#F7D297

#F8D8A4

#F9DDB1

#FAE3BE

#FBE9CB

#FCEED8

#FDF4E5

#FEF9F2

#f5c77d Gray Shades

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

#F5C77D

#E9C07D

#DEB97E

#D2B27E

#C6AB7E

#BBA47F

#AF9C7F

#A3957F

#978E7F

#8C8780

#f5c77d Dark Shades

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

#F5C77D

#DDB371

#C49F64

#AC8B58

#93774B

#7B643F

#625032

#493C25

#312819

#18140C

#f5c77d Red Shades

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

#F5C77D

#F6B371

#F79F64

#F88B58

#F9774B

#FA643F

#FB5032

#FC3C25

#FD2819

#FE140C

#f5c77d Green Shades

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

#F5C77D

#DDC071

#C4B964

#ACB258

#93AB4B

#7BA43F

#629C32

#499525

#318E19

#18870C

#f5c77d Blue Shades

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

#F5C77D

#DDB38A

#C49F97

#AC8BA4

#9377B1

#7B64BE

#6250CB

#493CD8

#3128E5

#1814F2

Readability Analysis

#f5c77d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.35	AAA	Sample Text
Red	2.54	Fail	Sample Text
Green	3.27	A	Sample Text
Blue	5.46	AA	Sample Text

#f5c77d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.57	Fail	Sample Text
Black	13.35	AAA	Sample Text
Red	2.54	Fail	Sample Text
Green	3.27	A	Sample Text
Blue	5.46	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8cb7e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f8c57d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fac0ae`
Protanopia	No red perception - Dichromacy	`#e0cd7f`
Deuteranopia	No green perception - Dichromacy	`#fac37d`
Tritanopia	No blue perception - Dichromacy	`#fdbcca`
Achromatomaly	Partial color blindness - Monochromacy	`#dbcaaf`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#f5c77d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5c77d Light Tints

#f5c77d Gray Shades

#f5c77d Dark Shades

#f5c77d Red Shades

#f5c77d Green Shades

#f5c77d Blue Shades

Readability Analysis

#f5c77d as Text Color

#f5c77d as Background Color

Color Blindness Simulation

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

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

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

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

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

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