0 views

#f7f30a - Color Information

#f7f30a

Base Information

HEX

#f7f30a

RGB

247,243,10

HSL

59,94,50

HSV

59,96,97

CMYK

0,2,96,3

LAB

93,-19,91

LCH

93,93,102

XYZ

70,84,13

Web Safe

#ffff00

Web Smart

#ffee11

is dark

luminosity

0.8390

Pantone Color

Combinations

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

#f7f30a

#0A0EF7

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

#f7f30a

#0A84F7

#7D0AF7

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

#f7f30a

#0AF7F3

#F30AF7

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

#f7f30a

#0AF77D

#0A0EF7

#F70A84

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

#f7f30a

#0A0EF7

#0A84F7

#7D0AF7

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

#f7f30a

#84F70A

#0EF70A

#0AF77D

Shades

#f7f30a Light Tints

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

#F7F30A

#F8F422

#F9F53B

#F9F754

#FAF86C

#FBF985

#FCFA9D

#FDFBB6

#FDFDCE

#FEFEE7

#f7f30a Gray Shades

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

#F7F30A

#EBE816

#DFDC22

#D3D12D

#C7C539

#BCBA45

#B0AE51

#A4A35D

#989768

#8C8C74

#f7f30a Dark Shades

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

#F7F30A

#DEDB09

#C6C208

#ADAA07

#949206

#7C7A05

#636104

#4A4903

#313102

#191801

#f7f30a Red Shades

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

#F7F30A

#F8DB09

#F9C208

#F9AA07

#FA9206

#FB7A05

#FC6104

#FD4903

#FD3102

#FE1801

#f7f30a Green Shades

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

#F7F30A

#DEE809

#C6DC08

#ADD107

#94C506

#7CBA05

#63AE04

#4AA303

#319702

#198C01

#f7f30a Blue Shades

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

#F7F30A

#DEDB22

#C6C23B

#ADAA54

#94926C

#7C7A85

#63619D

#4A49B6

#3131CE

#1918E7

Readability Analysis

#f7f30a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.78	AAA	Sample Text
Red	3.39	A	Sample Text
Green	4.35	A	Sample Text
Blue	7.27	AAA	Sample Text

#f7f30a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.18	Fail	Sample Text
Black	17.78	AAA	Sample Text
Red	3.39	A	Sample Text
Green	4.35	A	Sample Text
Blue	7.27	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fcee67`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcec86`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcea9c`
Protanopia	No red perception - Dichromacy	`#ffec9b`
Deuteranopia	No green perception - Dichromacy	`#ffe8cd`
Tritanopia	No blue perception - Dichromacy	`#ffe5f0`
Achromatomaly	Partial color blindness - Monochromacy	`#eae994`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#f7f30a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7f30a Light Tints

#f7f30a Gray Shades

#f7f30a Dark Shades

#f7f30a Red Shades

#f7f30a Green Shades

#f7f30a Blue Shades

Readability Analysis

#f7f30a as Text Color

#f7f30a as Background Color

Color Blindness Simulation

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

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

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

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

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

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