0 views

#f2f50f - Color Information

#f2f50f

Base Information

HEX

#f2f50f

RGB

242,245,15

HSL

61,92,51

HSV

61,94,96

CMYK

1,0,94,4

LAB

94,-22,90

LCH

94,93,104

XYZ

69,84,13

Web Safe

#ffff00

Web Smart

#eeee11

is dark

luminosity

0.8422

Pantone Color

Combinations

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

#f2f50f

#120FF5

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

#f2f50f

#0F7FF5

#850FF5

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

#f2f50f

#0FF2F5

#F50FF2

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

#f2f50f

#0FF585

#120FF5

#F50F7F

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

#f2f50f

#120FF5

#0F7FF5

#850FF5

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

#f2f50f

#7FF50F

#0FF512

#0FF585

Shades

#f2f50f Light Tints

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

#F2F50F

#F3F627

#F5F73F

#F6F857

#F7F96F

#F9FA87

#FAFB9F

#FBFCB7

#FCFDCF

#FEFEE7

#f2f50f Gray Shades

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

#F2F50F

#E7E91A

#DBDE26

#D0D231

#C4C63C

#B9BB48

#AEAF53

#A2A35E

#979769

#8B8C75

#f2f50f Dark Shades

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

#F2F50F

#DADD0E

#C2C40C

#A9AC0B

#919309

#797B08

#616206

#494904

#303103

#181801

#f2f50f Red Shades

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

#F2F50F

#F3DD0E

#F5C40C

#F6AC0B

#F79309

#F97B08

#FA6206

#FB4904

#FC3103

#FE1801

#f2f50f Green Shades

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

#F2F50F

#DAE90E

#C2DE0C

#A9D20B

#91C609

#79BB08

#61AF06

#49A304

#309703

#188C01

#f2f50f Blue Shades

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

#F2F50F

#DADD27

#C2C43F

#A9AC57

#91936F

#797B87

#61629F

#4949B7

#3031CF

#1818E7

Readability Analysis

#f2f50f as Text Color

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

#f2f50f as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faef6a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faed88`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faeba0`
Protanopia	No red perception - Dichromacy	`#ffec9e`
Deuteranopia	No green perception - Dichromacy	`#ffe9ce`
Tritanopia	No blue perception - Dichromacy	`#ffe5f3`
Achromatomaly	Partial color blindness - Monochromacy	`#e9ea96`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#f2f50f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2f50f Light Tints

#f2f50f Gray Shades

#f2f50f Dark Shades

#f2f50f Red Shades

#f2f50f Green Shades

#f2f50f Blue Shades

Readability Analysis

#f2f50f as Text Color

#f2f50f as Background Color

Color Blindness Simulation

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

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

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

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

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

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