0 views

#f7d69f - Color Information

#f7d69f

Base Information

HEX

#f7d69f

RGB

247,214,159

HSL

38,85,80

HSV

38,36,97

CMYK

0,13,36,3

LAB

87,4,31

LCH

87,32,83

XYZ

69,70,43

Web Safe

#ffcc99

Web Smart

#ffdd99

is dark

luminosity

0.7037

Pantone Color

Combinations

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

#f7d69f

#9FC0F7

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

#f7d69f

#9FECF7

#AA9FF7

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

#f7d69f

#9FF7D6

#D69FF7

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

#f7d69f

#9FF7AA

#9FC0F7

#F79FEC

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

#f7d69f

#9FC0F7

#9FECF7

#AA9FF7

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

#f7d69f

#ECF79F

#C0F79F

#9FF7AA

Shades

#f7d69f Light Tints

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

#F7D69F

#F8DAA9

#F9DEB2

#F9E2BC

#FAE6C5

#FBEBCF

#FCEFD9

#FDF3E2

#FDF7EC

#FEFBF5

#f7d69f Gray Shades

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

#F7D69F

#EBCD9C

#DFC599

#D3BC96

#C7B493

#BCAB90

#B0A28C

#A49A89

#989186

#8C8983

#f7d69f Dark Shades

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

#F7D69F

#DEC18F

#C6AB7F

#AD966F

#94805F

#7C6B50

#635640

#4A4030

#312B20

#191510

#f7d69f Red Shades

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

#F7D69F

#F8C18F

#F9AB7F

#F9966F

#FA805F

#FB6B50

#FC5640

#FD4030

#FD2B20

#FE1510

#f7d69f Green Shades

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

#F7D69F

#DECD8F

#C6C57F

#ADBC6F

#94B45F

#7CAB50

#63A240

#4A9A30

#319120

#198910

#f7d69f Blue Shades

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

#F7D69F

#DEC1A9

#C6ABB2

#AD96BC

#9480C5

#7C6BCF

#6356D9

#4A40E2

#312BEC

#1915F5

Readability Analysis

#f7d69f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.07	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#f7d69f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.07	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#efd89f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcd3a4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcd0c6`
Protanopia	No red perception - Dichromacy	`#ead99f`
Deuteranopia	No green perception - Dichromacy	`#ffd1a7`
Tritanopia	No blue perception - Dichromacy	`#ffccdc`
Achromatomaly	Partial color blindness - Monochromacy	`#e4d8c4`
Achromatopsia	Complete color blindness - Monochromacy	`#d9d9d9`

#f7d69f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7d69f Light Tints

#f7d69f Gray Shades

#f7d69f Dark Shades

#f7d69f Red Shades

#f7d69f Green Shades

#f7d69f Blue Shades

Readability Analysis

#f7d69f as Text Color

#f7d69f as Background Color

Color Blindness Simulation

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

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

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

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

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

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