0 views

#f7c056 - Color Information

#f7c056

Base Information

HEX

#f7c056

RGB

247,192,86

HSL

40,91,65

HSV

40,65,97

CMYK

0,22,65,3

LAB

81,9,59

LCH

81,60,81

XYZ

59,58,17

Web Safe

#ffcc66

Web Smart

#ffbb55

is dark

luminosity

0.5815

Pantone Color

Combinations

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

#f7c056

#568DF7

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

#f7c056

#56DEF7

#6F56F7

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

#f7c056

#56F7C0

#C056F7

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

#f7c056

#56F76F

#568DF7

#F756DD

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

#f7c056

#568DF7

#56DEF7

#6F56F7

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

#f7c056

#DEF756

#8DF756

#56F76F

Shades

#f7c056 Light Tints

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

#F7C056

#F8C667

#F9CD78

#F9D389

#FAD99A

#FBE0AB

#FCE6BB

#FDECCC

#FDF2DD

#FEF9EE

#f7c056 Gray Shades

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

#F7C056

#EBBA5A

#DFB35E

#D3AD63

#C7A667

#BCA06B

#B09A6F

#A49373

#988D78

#8C867C

#f7c056 Dark Shades

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

#F7C056

#DEAD4D

#C69A45

#AD863C

#947334

#7C602B

#634D22

#4A3A1A

#312611

#191309

#f7c056 Red Shades

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

#F7C056

#F8AD4D

#F99A45

#F9863C

#FA7334

#FB602B

#FC4D22

#FD3A1A

#FD2611

#FE1309

#f7c056 Green Shades

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

#F7C056

#DEBA4D

#C6B345

#ADAD3C

#94A634

#7CA02B

#639A22

#4A931A

#318D11

#198609

#f7c056 Blue Shades

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

#F7C056

#DEAD67

#C69A78

#AD8689

#94739A

#7C60AB

#634DBB

#4A3ACC

#3126DD

#1913EE

Readability Analysis

#f7c056 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.63	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

#f7c056 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.63	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e7c558`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f9be57`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcb89a`
Protanopia	No red perception - Dichromacy	`#dec859`
Deuteranopia	No green perception - Dichromacy	`#f9be57`
Tritanopia	No blue perception - Dichromacy	`#ffb3c1`
Achromatomaly	Partial color blindness - Monochromacy	`#d7c39c`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#f7c056 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7c056 Light Tints

#f7c056 Gray Shades

#f7c056 Dark Shades

#f7c056 Red Shades

#f7c056 Green Shades

#f7c056 Blue Shades

Readability Analysis

#f7c056 as Text Color

#f7c056 as Background Color

Color Blindness Simulation

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

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

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

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

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

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