0 views

#f7d17d - Color Information

#f7d17d

Base Information

HEX

#f7d17d

RGB

247,209,125

HSL

41,88,73

HSV

41,49,97

CMYK

0,15,49,3

LAB

85,3,46

LCH

85,46,86

XYZ

65,67,29

Web Safe

#ffcc66

Web Smart

#ffcc77

is dark

luminosity

0.6686

Pantone Color

Combinations

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

#f7d17d

#7DA3F7

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

#f7d17d

#7DE0F7

#947DF7

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

#f7d17d

#7DF7D1

#D17DF7

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

#f7d17d

#7DF794

#7DA3F7

#F77DE0

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

#f7d17d

#7DA3F7

#7DE0F7

#947DF7

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

#f7d17d

#E0F77D

#A3F77D

#7DF794

Shades

#f7d17d Light Tints

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

#F7D17D

#F8D68A

#F9DA97

#F9DFA4

#FAE3B1

#FBE8BE

#FCEDCB

#FDF1D8

#FDF6E5

#FEFAF2

#f7d17d Gray Shades

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

#F7D17D

#EBC97D

#DFC17E

#D3B97E

#C7B17E

#BCA97F

#B0A07F

#A4987F

#98907F

#8C8880

#f7d17d Dark Shades

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

#F7D17D

#DEBC71

#C6A764

#AD9258

#947D4B

#7C693F

#635432

#4A3F25

#312A19

#19150C

#f7d17d Red Shades

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

#F7D17D

#F8BC71

#F9A764

#F99258

#FA7D4B

#FB693F

#FC5432

#FD3F25

#FD2A19

#FE150C

#f7d17d Green Shades

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

#F7D17D

#DEC971

#C6C164

#ADB958

#94B14B

#7CA93F

#63A032

#4A9825

#319019

#19880C

#f7d17d Blue Shades

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

#F7D17D

#DEBC8A

#C6A797

#AD92A4

#947DB1

#7C69BE

#6354CB

#4A3FD8

#312AE5

#1915F2

Readability Analysis

#f7d17d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.37	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.88	AA	Sample Text

#f7d17d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.37	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.88	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eed37d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcce86`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fccab4`
Protanopia	No red perception - Dichromacy	`#e9d47e`
Deuteranopia	No green perception - Dichromacy	`#ffcc8c`
Tritanopia	No blue perception - Dichromacy	`#ffc6d4`
Achromatomaly	Partial color blindness - Monochromacy	`#e0d2b4`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#f7d17d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7d17d Light Tints

#f7d17d Gray Shades

#f7d17d Dark Shades

#f7d17d Red Shades

#f7d17d Green Shades

#f7d17d Blue Shades

Readability Analysis

#f7d17d as Text Color

#f7d17d as Background Color

Color Blindness Simulation

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

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

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

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

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

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