0 views

#f2c401 - Color Information

#f2c401

Base Information

HEX

#f2c401

RGB

242,196,1

HSL

49,99,48

HSV

49,100,95

CMYK

0,19,100,5

LAB

81,2,82

LCH

81,82,88

XYZ

56,58,8

Web Safe

#ffcc00

Web Smart

#eecc00

is dark

luminosity

0.5836

Pantone Color

Combinations

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

#f2c401

#012FF2

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

#f2c401

#01A7F2

#4C01F2

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

#f2c401

#01F2C4

#C401F2

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

#f2c401

#01F24C

#012FF2

#F201A7

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

#f2c401

#012FF2

#01A7F2

#4C01F2

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

#f2c401

#A7F201

#2FF201

#01F24C

Shades

#f2c401 Light Tints

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

#F2C401

#F3CA1A

#F5D034

#F6D64D

#F7DC67

#F9E280

#FAE799

#FBEDB3

#FCF3CC

#FEF9E6

#f2c401 Gray Shades

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

#F2C401

#E7BD0E

#DBB61A

#D0B027

#C4A934

#B9A241

#AE9B4D

#A2945A

#978E67

#8B8773

#f2c401 Dark Shades

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

#F2C401

#DAB001

#C29D01

#A98901

#917601

#796201

#614E00

#493B00

#302700

#181400

#f2c401 Red Shades

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

#F2C401

#F3B001

#F59D01

#F68901

#F77601

#F96201

#FA4E00

#FB3B00

#FC2700

#FE1400

#f2c401 Green Shades

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

#F2C401

#DABD01

#C2B601

#A9B001

#91A901

#79A201

#619B00

#499400

#308E00

#188700

#f2c401 Blue Shades

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

#F2C401

#DAB01A

#C29D34

#A9894D

#917667

#796280

#614E99

#493BB3

#3027CC

#1814E6

Readability Analysis

#f2c401 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.67	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.18	AA	Sample Text

#f2c401 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.67	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.18	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e8c708`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fac00d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9ba7c`
Protanopia	No red perception - Dichromacy	`#e2c80b`
Deuteranopia	No green perception - Dichromacy	`#ffbd13`
Tritanopia	No blue perception - Dichromacy	`#fdb5c2`
Achromatomaly	Partial color blindness - Monochromacy	`#d2c17a`
Achromatopsia	Complete color blindness - Monochromacy	`#c0c0c0`

#f2c401 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2c401 Light Tints

#f2c401 Gray Shades

#f2c401 Dark Shades

#f2c401 Red Shades

#f2c401 Green Shades

#f2c401 Blue Shades

Readability Analysis

#f2c401 as Text Color

#f2c401 as Background Color

Color Blindness Simulation

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

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

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

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

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

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