0 views

#f7c86a - Color Information

#f7c86a

Base Information

HEX

#f7c86a

RGB

247,200,106

HSL

40,90,69

HSV

40,57,97

CMYK

0,19,57,3

LAB

83,6,53

LCH

83,53,83

XYZ

62,62,22

Web Safe

#ffcc66

Web Smart

#ffcc66

is dark

luminosity

0.6212

Pantone Color

Combinations

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

#f7c86a

#6A99F7

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

#f7c86a

#6ADFF7

#816AF7

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

#f7c86a

#6AF7C8

#C86AF7

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

#f7c86a

#6AF782

#6A99F7

#F76ADF

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

#f7c86a

#6A99F7

#6ADFF7

#816AF7

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

#f7c86a

#DFF76A

#99F76A

#6AF782

Shades

#f7c86a Light Tints

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

#F7C86A

#F8CE79

#F9D388

#F9D997

#FADEA6

#FBE4B5

#FCE9C3

#FDEFD2

#FDF4E1

#FEFAF0

#f7c86a Gray Shades

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

#F7C86A

#EBC16C

#DFBA6E

#D3B271

#C7AB73

#BCA475

#B09D77

#A49679

#988E7C

#8C877E

#f7c86a Dark Shades

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

#F7C86A

#DEB45F

#C6A055

#AD8C4A

#947840

#7C6435

#63502A

#4A3C20

#312815

#19140B

#f7c86a Red Shades

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

#F7C86A

#F8B45F

#F9A055

#F98C4A

#FA7840

#FB6435

#FC502A

#FD3C20

#FD2815

#FE140B

#f7c86a Green Shades

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

#F7C86A

#DEC15F

#C6BA55

#ADB24A

#94AB40

#7CA435

#639D2A

#4A9620

#318E15

#19870B

#f7c86a Blue Shades

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

#F7C86A

#DEB479

#C6A088

#AD8C97

#9478A6

#7C64B5

#6350C3

#4A3CD2

#3128E1

#1914F0

Readability Analysis

#f7c86a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.42	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.49	AA	Sample Text

#f7c86a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.56	Fail	Sample Text
Black	13.42	AAA	Sample Text
Red	2.56	Fail	Sample Text
Green	3.28	A	Sample Text
Blue	5.49	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ebcc6b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcc56a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcc0a7`
Protanopia	No red perception - Dichromacy	`#e3ce6c`
Deuteranopia	No green perception - Dichromacy	`#fec46b`
Tritanopia	No blue perception - Dichromacy	`#ffbcca`
Achromatomaly	Partial color blindness - Monochromacy	`#dbcaa8`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#f7c86a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7c86a Light Tints

#f7c86a Gray Shades

#f7c86a Dark Shades

#f7c86a Red Shades

#f7c86a Green Shades

#f7c86a Blue Shades

Readability Analysis

#f7c86a as Text Color

#f7c86a as Background Color

Color Blindness Simulation

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

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

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

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

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

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