0 views

#f2ed1f - Color Information

#f2ed1f

Base Information

HEX

#f2ed1f

RGB

242,237,31

HSL

59,89,54

HSV

59,87,95

CMYK

0,2,87,5

LAB

91,-18,87

LCH

91,88,102

XYZ

67,80,13

Web Safe

#ffff33

Web Smart

#eeee22

is dark

luminosity

0.7954

Pantone Color

Combinations

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

#f2ed1f

#1F24F2

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

#f2ed1f

#1F8DF2

#841FF2

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

#f2ed1f

#1FF2ED

#ED1FF2

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

#f2ed1f

#1FF284

#1F24F2

#F21F8D

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

#f2ed1f

#1F24F2

#1F8DF2

#841FF2

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

#f2ed1f

#8DF21F

#24F21F

#1FF284

Shades

#f2ed1f Light Tints

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

#F2ED1F

#F3EF35

#F5F14C

#F6F262

#F7F479

#F9F68F

#FAF8A5

#FBFABC

#FCFBD2

#FEFDE9

#f2ed1f Gray Shades

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

#F2ED1F

#E7E229

#DBD732

#D0CC3C

#C4C146

#B9B750

#AEAC59

#A2A163

#97966D

#8B8B76

#f2ed1f Dark Shades

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

#F2ED1F

#DAD51C

#C2BE19

#A9A616

#918E13

#797710

#615F0C

#494709

#302F06

#181803

#f2ed1f Red Shades

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

#F2ED1F

#F3D51C

#F5BE19

#F6A616

#F78E13

#F97710

#FA5F0C

#FB4709

#FC2F06

#FE1803

#f2ed1f Green Shades

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

#F2ED1F

#DAE21C

#C2D719

#A9CC16

#91C113

#79B710

#61AC0C

#49A109

#309606

#188B03

#f2ed1f Blue Shades

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

#F2ED1F

#DAD535

#C2BE4C

#A9A662

#918E79

#79778F

#615FA5

#4947BC

#302FD2

#1818E9

Readability Analysis

#f2ed1f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.91	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.14	A	Sample Text
Blue	6.92	AA	Sample Text

#f2ed1f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.91	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.14	A	Sample Text
Blue	6.92	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fae951`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fae683`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fae3a1`
Protanopia	No red perception - Dichromacy	`#ffe66e`
Deuteranopia	No green perception - Dichromacy	`#ffe2bc`
Tritanopia	No blue perception - Dichromacy	`#ffddec`
Achromatomaly	Partial color blindness - Monochromacy	`#e6e499`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#f2ed1f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2ed1f Light Tints

#f2ed1f Gray Shades

#f2ed1f Dark Shades

#f2ed1f Red Shades

#f2ed1f Green Shades

#f2ed1f Blue Shades

Readability Analysis

#f2ed1f as Text Color

#f2ed1f as Background Color

Color Blindness Simulation

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

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

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

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

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

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