0 views

#f7f21a - Color Information

#f7f21a

Base Information

HEX

#f7f21a

RGB

247,242,26

HSL

59,93,54

HSV

59,89,97

CMYK

0,2,89,3

LAB

93,-18,89

LCH

93,91,102

XYZ

70,83,13

Web Safe

#ffff33

Web Smart

#ffee22

is dark

luminosity

0.8335

Pantone Color

Combinations

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

#f7f21a

#1A1FF7

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

#f7f21a

#1A8DF7

#831AF7

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

#f7f21a

#1AF7F2

#F21AF7

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

#f7f21a

#1AF784

#1A1FF7

#F71A8D

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

#f7f21a

#1A1FF7

#1A8DF7

#831AF7

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

#f7f21a

#8DF71A

#1FF71A

#1AF784

Shades

#f7f21a Light Tints

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

#F7F21A

#F8F331

#F9F548

#F9F65F

#FAF776

#FBF98D

#FCFAA3

#FDFBBA

#FDFCD1

#FEFEE8

#f7f21a Gray Shades

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

#F7F21A

#EBE724

#DFDB2E

#D3D039

#C7C443

#BCB94D

#B0AE57

#A4A261

#98976C

#8C8B76

#f7f21a Dark Shades

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

#F7F21A

#DEDA17

#C6C215

#ADA912

#949110

#7C790D

#63610A

#4A4908

#313005

#191803

#f7f21a Red Shades

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

#F7F21A

#F8DA17

#F9C215

#F9A912

#FA9110

#FB790D

#FC610A

#FD4908

#FD3005

#FE1803

#f7f21a Green Shades

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

#F7F21A

#DEE717

#C6DB15

#ADD012

#94C410

#7CB90D

#63AE0A

#4AA208

#319705

#198B03

#f7f21a Blue Shades

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

#F7F21A

#DEDA31

#C6C248

#ADA95F

#949176

#7C798D

#6361A3

#4A49BA

#3130D1

#1918E8

Readability Analysis

#f7f21a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.67	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.32	A	Sample Text
Blue	7.23	AAA	Sample Text

#f7f21a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.67	AAA	Sample Text
Red	3.36	A	Sample Text
Green	4.32	A	Sample Text
Blue	7.23	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcee69`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fceb8a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fce9a2`
Protanopia	No red perception - Dichromacy	`#ffeb97`
Deuteranopia	No green perception - Dichromacy	`#ffe7cb`
Tritanopia	No blue perception - Dichromacy	`#ffe4ef`
Achromatomaly	Partial color blindness - Monochromacy	`#ebe99a`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#f7f21a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7f21a Light Tints

#f7f21a Gray Shades

#f7f21a Dark Shades

#f7f21a Red Shades

#f7f21a Green Shades

#f7f21a Blue Shades

Readability Analysis

#f7f21a as Text Color

#f7f21a as Background Color

Color Blindness Simulation

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

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

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

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

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

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