0 views

#f2f45a - Color Information

#f2f45a

Base Information

HEX

#f2f45a

RGB

242,244,90

HSL

61,88,65

HSV

61,63,96

CMYK

1,0,63,4

LAB

94,-19,71

LCH

94,74,105

XYZ

71,84,22

Web Safe

#ffff66

Web Smart

#eeee55

is dark

luminosity

0.8432

Pantone Color

Combinations

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

#f2f45a

#5C5AF4

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

#f2f45a

#5AA5F4

#A95AF4

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

#f2f45a

#5AF2F4

#F45AF2

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

#f2f45a

#5AF4A9

#5C5AF4

#F45AA5

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

#f2f45a

#5C5AF4

#5AA5F4

#A95AF4

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

#f2f45a

#A5F45A

#5AF45C

#5AF4A9

Shades

#f2f45a Light Tints

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

#F2F45A

#F3F56B

#F5F67B

#F6F78C

#F7F89C

#F9FAAD

#FAFBBD

#FBFCCE

#FCFDDE

#FEFEEF

#f2f45a Gray Shades

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

#F2F45A

#E7E85E

#DBDD62

#D0D165

#C4C669

#B9BA6D

#AEAE71

#A2A375

#979778

#8B8C7C

#f2f45a Dark Shades

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

#F2F45A

#DADC51

#C2C348

#A9AB3F

#919236

#797A2D

#616224

#49491B

#303112

#181809

#f2f45a Red Shades

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

#F2F45A

#F3DC51

#F5C348

#F6AB3F

#F79236

#F97A2D

#FA6224

#FB491B

#FC3112

#FE1809

#f2f45a Green Shades

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

#F2F45A

#DAE851

#C2DD48

#A9D13F

#91C636

#79BA2D

#61AE24

#49A31B

#309712

#188C09

#f2f45a Blue Shades

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

#F2F45A

#DADC6B

#C2C37B

#A9AB8C

#91929C

#797AAD

#6162BD

#4949CE

#3031DE

#1818EF

Readability Analysis

#f2f45a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.86	AAA	Sample Text
Red	3.40	A	Sample Text
Green	4.37	A	Sample Text
Blue	7.31	AAA	Sample Text

#f2f45a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.86	AAA	Sample Text
Red	3.40	A	Sample Text
Green	4.37	A	Sample Text
Blue	7.31	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faef87`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faeda5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faebbc`
Protanopia	No red perception - Dichromacy	`#ffeca1`
Deuteranopia	No green perception - Dichromacy	`#ffe9cf`
Tritanopia	No blue perception - Dichromacy	`#ffe5f4`
Achromatomaly	Partial color blindness - Monochromacy	`#ecedb5`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#f2f45a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2f45a Light Tints

#f2f45a Gray Shades

#f2f45a Dark Shades

#f2f45a Red Shades

#f2f45a Green Shades

#f2f45a Blue Shades

Readability Analysis

#f2f45a as Text Color

#f2f45a as Background Color

Color Blindness Simulation

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

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

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

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

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

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