0 views

#f7e55a - Color Information

#f7e55a

Base Information

HEX

#f7e55a

RGB

247,229,90

HSL

53,91,66

HSV

53,64,97

CMYK

0,7,64,3

LAB

90,-10,68

LCH

90,68,98

XYZ

68,77,21

Web Safe

#ffcc66

Web Smart

#ffdd55

is dark

luminosity

0.7655

Pantone Color

Combinations

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

#f7e55a

#5A6CF7

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

#f7e55a

#5ABAF7

#975AF7

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

#f7e55a

#5AF7E5

#E55AF7

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

#f7e55a

#5AF797

#5A6CF7

#F75ABA

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

#f7e55a

#5A6CF7

#5ABAF7

#975AF7

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

#f7e55a

#BAF75A

#6CF75A

#5AF797

Shades

#f7e55a Light Tints

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

#F7E55A

#F8E86B

#F9EA7B

#F9ED8C

#FAEF9C

#FBF2AD

#FCF5BD

#FDF7CE

#FDFADE

#FEFCEF

#f7e55a Gray Shades

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

#F7E55A

#EBDB5E

#DFD162

#D3C765

#C7BD69

#BCB36D

#B0A871

#A49E75

#989478

#8C8A7C

#f7e55a Dark Shades

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

#F7E55A

#DECE51

#C6B748

#ADA03F

#948936

#7C732D

#635C24

#4A451B

#312E12

#191709

#f7e55a Red Shades

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

#F7E55A

#F8CE51

#F9B748

#F9A03F

#FA8936

#FB732D

#FC5C24

#FD451B

#FD2E12

#FE1709

#f7e55a Green Shades

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

#F7E55A

#DEDB51

#C6D148

#ADC73F

#94BD36

#7CB32D

#63A824

#4A9E1B

#319412

#198A09

#f7e55a Blue Shades

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

#F7E55A

#DECE6B

#C6B77B

#ADA08C

#94899C

#7C73AD

#635CBD

#4A45CE

#312EDE

#1917EF

Readability Analysis

#f7e55a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.31	AAA	Sample Text
Red	3.11	A	Sample Text
Green	3.99	A	Sample Text
Blue	6.67	AA	Sample Text

#f7e55a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.31	AAA	Sample Text
Red	3.11	A	Sample Text
Green	3.99	A	Sample Text
Blue	6.67	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbe35a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fce092`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcddb3`
Protanopia	No red perception - Dichromacy	`#fde25a`
Deuteranopia	No green perception - Dichromacy	`#ffddb2`
Tritanopia	No blue perception - Dichromacy	`#ffd8e5`
Achromatomaly	Partial color blindness - Monochromacy	`#e8e1af`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#f7e55a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7e55a Light Tints

#f7e55a Gray Shades

#f7e55a Dark Shades

#f7e55a Red Shades

#f7e55a Green Shades

#f7e55a Blue Shades

Readability Analysis

#f7e55a as Text Color

#f7e55a as Background Color

Color Blindness Simulation

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

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

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

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

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

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