0 views

#f5f03c - Color Information

#f5f03c

Base Information

HEX

#f5f03c

RGB

245,240,60

HSL

58,90,60

HSV

58,76,96

CMYK

0,2,76,4

LAB

93,-17,81

LCH

93,83,102

XYZ

70,82,16

Web Safe

#ffff33

Web Smart

#eeee44

is dark

luminosity

0.8206

Pantone Color

Combinations

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

#f5f03c

#3C41F5

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

#f5f03c

#3C9DF5

#933CF5

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

#f5f03c

#3CF5F0

#F03CF5

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

#f5f03c

#3CF594

#3C41F5

#F53C9D

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

#f5f03c

#3C41F5

#3C9DF5

#933CF5

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

#f5f03c

#9DF53C

#41F53C

#3CF594

Shades

#f5f03c Light Tints

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

#F5F03C

#F6F250

#F7F363

#F8F577

#F9F68A

#FAF89E

#FBF9B1

#FCFBC5

#FDFCD8

#FEFEEC

#f5f03c Gray Shades

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

#F5F03C

#E9E543

#DEDA4A

#D2CE50

#C6C357

#BBB85E

#AFAD65

#A3A26C

#979672

#8C8B79

#f5f03c Dark Shades

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

#F5F03C

#DDD836

#C4C030

#ACA82A

#939024

#7B781E

#626018

#494812

#31300C

#181806

#f5f03c Red Shades

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

#F5F03C

#F6D836

#F7C030

#F8A82A

#F99024

#FA781E

#FB6018

#FC4812

#FD300C

#FE1806

#f5f03c Green Shades

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

#F5F03C

#DDE536

#C4DA30

#ACCE2A

#93C324

#7BB81E

#62AD18

#49A212

#31960C

#188B06

#f5f03c Blue Shades

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

#F5F03C

#DDD850

#C4C063

#ACA877

#93908A

#7B789E

#6260B1

#4948C5

#3130D8

#1818EC

Readability Analysis

#f5f03c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.41	AAA	Sample Text
Red	3.32	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

#f5f03c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.41	AAA	Sample Text
Red	3.32	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbec6e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbe994`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbe7ae`
Protanopia	No red perception - Dichromacy	`#ffe98b`
Deuteranopia	No green perception - Dichromacy	`#ffe5c6`
Tritanopia	No blue perception - Dichromacy	`#ffe2ee`
Achromatomaly	Partial color blindness - Monochromacy	`#eae8a7`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#f5f03c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5f03c Light Tints

#f5f03c Gray Shades

#f5f03c Dark Shades

#f5f03c Red Shades

#f5f03c Green Shades

#f5f03c Blue Shades

Readability Analysis

#f5f03c as Text Color

#f5f03c as Background Color

Color Blindness Simulation

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

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

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

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

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

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