0 views

#f5ed5a - Color Information

#f5ed5a

Base Information

HEX

#f5ed5a

RGB

245,237,90

HSL

57,89,66

HSV

57,63,96

CMYK

0,3,63,4

LAB

92,-14,70

LCH

92,71,102

XYZ

70,81,22

Web Safe

#ffff66

Web Smart

#eeee55

is dark

luminosity

0.8072

Pantone Color

Combinations

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

#f5ed5a

#5A62F5

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

#f5ed5a

#5AB0F5

#9F5AF5

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

#f5ed5a

#5AF5ED

#ED5AF5

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

#f5ed5a

#5AF59F

#5A62F5

#F55AB0

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

#f5ed5a

#5A62F5

#5AB0F5

#9F5AF5

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

#f5ed5a

#B0F55A

#62F55A

#5AF59F

Shades

#f5ed5a Light Tints

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

#F5ED5A

#F6EF6B

#F7F17B

#F8F28C

#F9F49C

#FAF6AD

#FBF8BD

#FCFACE

#FDFBDE

#FEFDEF

#f5ed5a Gray Shades

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

#F5ED5A

#E9E25E

#DED762

#D2CC65

#C6C169

#BBB76D

#AFAC71

#A3A175

#979678

#8C8B7C

#f5ed5a Dark Shades

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

#F5ED5A

#DDD551

#C4BE48

#ACA63F

#938E36

#7B772D

#625F24

#49471B

#312F12

#181809

#f5ed5a Red Shades

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

#F5ED5A

#F6D551

#F7BE48

#F8A63F

#F98E36

#FA772D

#FB5F24

#FC471B

#FD2F12

#FE1809

#f5ed5a Green Shades

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

#F5ED5A

#DDE251

#C4D748

#ACCC3F

#93C136

#7BB72D

#62AC24

#49A11B

#319612

#188B09

#f5ed5a Blue Shades

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

#F5ED5A

#DDD56B

#C4BE7B

#ACA68C

#938E9C

#7B77AD

#625FBD

#4947CE

#312FDE

#1818EF

Readability Analysis

#f5ed5a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.14	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.19	A	Sample Text
Blue	7.01	AAA	Sample Text

#f5ed5a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.22	Fail	Sample Text
Black	17.14	AAA	Sample Text
Red	3.26	A	Sample Text
Green	4.19	A	Sample Text
Blue	7.01	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbea72`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbe79d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbe4b7`
Protanopia	No red perception - Dichromacy	`#ffe87f`
Deuteranopia	No green perception - Dichromacy	`#ffe3c3`
Tritanopia	No blue perception - Dichromacy	`#ffdfed`
Achromatomaly	Partial color blindness - Monochromacy	`#eae7b2`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#f5ed5a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5ed5a Light Tints

#f5ed5a Gray Shades

#f5ed5a Dark Shades

#f5ed5a Red Shades

#f5ed5a Green Shades

#f5ed5a Blue Shades

Readability Analysis

#f5ed5a as Text Color

#f5ed5a as Background Color

Color Blindness Simulation

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

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

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

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

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

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