0 views

#f7d68a - Color Information

#f7d68a

Base Information

HEX

#f7d68a

RGB

247,214,138

HSL

42,87,75

HSV

42,44,97

CMYK

0,13,44,3

LAB

87,2,42

LCH

87,42,88

XYZ

67,70,34

Web Safe

#ffcc99

Web Smart

#ffdd88

is dark

luminosity

0.6970

Pantone Color

Combinations

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

#f7d68a

#8AABF7

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

#f7d68a

#8AE2F7

#A08AF7

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

#f7d68a

#8AF7D6

#D68AF7

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

#f7d68a

#8AF7A0

#8AABF7

#F78AE1

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

#f7d68a

#8AABF7

#8AE2F7

#A08AF7

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

#f7d68a

#E2F78A

#ABF78A

#8AF7A0

Shades

#f7d68a Light Tints

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

#F7D68A

#F8DA96

#F9DEA1

#F9E2AD

#FAE6B9

#FBEBC5

#FCEFD0

#FDF3DC

#FDF7E8

#FEFBF3

#f7d68a Gray Shades

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

#F7D68A

#EBCD89

#DFC588

#D3BC87

#C7B486

#BCAB85

#B0A284

#A49A83

#989182

#8C8981

#f7d68a Dark Shades

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

#F7D68A

#DEC17C

#C6AB6E

#AD9661

#948053

#7C6B45

#635637

#4A4029

#312B1C

#19150E

#f7d68a Red Shades

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

#F7D68A

#F8C17C

#F9AB6E

#F99661

#FA8053

#FB6B45

#FC5637

#FD4029

#FD2B1C

#FE150E

#f7d68a Green Shades

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

#F7D68A

#DECD7C

#C6C56E

#ADBC61

#94B453

#7CAB45

#63A237

#4A9A29

#31911C

#19890E

#f7d68a Blue Shades

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

#F7D68A

#DEC196

#C6ABA1

#AD96AD

#9480B9

#7C6BC5

#6356D0

#4A40DC

#312BE8

#1915F3

Readability Analysis

#f7d68a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.94	AAA	Sample Text
Red	2.84	Fail	Sample Text
Green	3.66	A	Sample Text
Blue	6.11	AA	Sample Text

#f7d68a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.41	Fail	Sample Text
Black	14.94	AAA	Sample Text
Red	2.84	Fail	Sample Text
Green	3.66	A	Sample Text
Blue	6.11	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f0d78a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcd396`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fccfbd`
Protanopia	No red perception - Dichromacy	`#edd88a`
Deuteranopia	No green perception - Dichromacy	`#ffd19d`
Tritanopia	No blue perception - Dichromacy	`#ffcbda`
Achromatomaly	Partial color blindness - Monochromacy	`#e3d7bb`
Achromatopsia	Complete color blindness - Monochromacy	`#d8d8d8`

#f7d68a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7d68a Light Tints

#f7d68a Gray Shades

#f7d68a Dark Shades

#f7d68a Red Shades

#f7d68a Green Shades

#f7d68a Blue Shades

Readability Analysis

#f7d68a as Text Color

#f7d68a as Background Color

Color Blindness Simulation

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

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

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

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

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

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