0 views

#f7dfb0 - Color Information

#f7dfb0

Base Information

HEX

#f7dfb0

RGB

247,223,176

HSL

40,82,83

HSV

40,29,97

CMYK

0,10,29,3

LAB

90,1,26

LCH

90,26,87

XYZ

73,76,52

Web Safe

#ffcc99

Web Smart

#ffddaa

is dark

luminosity

0.7568

Pantone Color

Combinations

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

#f7dfb0

#B0C8F7

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

#f7dfb0

#B0EBF7

#BBB0F7

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

#f7dfb0

#B0F7DF

#DFB0F7

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

#f7dfb0

#B0F7BC

#B0C8F7

#F7B0EB

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

#f7dfb0

#B0C8F7

#B0EBF7

#BBB0F7

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

#f7dfb0

#EBF7B0

#C8F7B0

#B0F7BC

Shades

#f7dfb0 Light Tints

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

#F7DFB0

#F8E2B8

#F9E5C0

#F9E9C8

#FAECD0

#FBEFD8

#FCF2DF

#FDF5E7

#FDF9EF

#FEFCF7

#f7dfb0 Gray Shades

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

#F7DFB0

#EBD6AB

#DFCCA6

#D3C3A2

#C7B99D

#BCB098

#B0A693

#A49D8E

#98938A

#8C8A85

#f7dfb0 Dark Shades

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

#F7DFB0

#DEC99E

#C6B28D

#AD9C7B

#94866A

#7C7058

#635946

#4A4335

#312D23

#191612

#f7dfb0 Red Shades

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

#F7DFB0

#F8C99E

#F9B28D

#F99C7B

#FA866A

#FB7058

#FC5946

#FD4335

#FD2D23

#FE1612

#f7dfb0 Green Shades

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

#F7DFB0

#DED69E

#C6CC8D

#ADC37B

#94B96A

#7CB058

#63A646

#4A9D35

#319323

#198A12

#f7dfb0 Blue Shades

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

#F7DFB0

#DEC9B8

#C6B2C0

#AD9CC8

#9486D0

#7C70D8

#6359DF

#4A43E7

#312DEF

#1916F7

Readability Analysis

#f7dfb0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.30	Fail	Sample Text
Black	16.14	AAA	Sample Text
Red	3.07	A	Sample Text
Green	3.95	A	Sample Text
Blue	6.60	AA	Sample Text

#f7dfb0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.30	Fail	Sample Text
Black	16.14	AAA	Sample Text
Red	3.07	A	Sample Text
Green	3.95	A	Sample Text
Blue	6.60	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#f3e0b0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fcdcb9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fcd9d3`
Protanopia	No red perception - Dichromacy	`#f0e0af`
Deuteranopia	No green perception - Dichromacy	`#ffdabe`
Tritanopia	No blue perception - Dichromacy	`#fed6e7`
Achromatomaly	Partial color blindness - Monochromacy	`#e9e0cf`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#f7dfb0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7dfb0 Light Tints

#f7dfb0 Gray Shades

#f7dfb0 Dark Shades

#f7dfb0 Red Shades

#f7dfb0 Green Shades

#f7dfb0 Blue Shades

Readability Analysis

#f7dfb0 as Text Color

#f7dfb0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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