0 views

#f2da99 - Color Information

#f2da99

Base Information

HEX

#f2da99

RGB

242,218,153

HSL

44,77,77

HSV

44,37,95

CMYK

0,10,37,5

LAB

88,-1,35

LCH

88,35,91

XYZ

67,71,40

Web Safe

#ffcc99

Web Smart

#eedd99

is dark

luminosity

0.7132

Pantone Color

Combinations

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

#f2da99

#99B1F2

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

#f2da99

#99DDF2

#AE99F2

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

#f2da99

#99F2DA

#DA99F2

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

#f2da99

#99F2AE

#99B1F2

#F299DD

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

#f2da99

#99B1F2

#99DDF2

#AE99F2

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

#f2da99

#DDF299

#B1F299

#99F2AE

Shades

#f2da99 Light Tints

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

#F2DA99

#F3DEA3

#F5E1AD

#F6E5B8

#F7E9C2

#F9EDCC

#FAF0D6

#FBF4E0

#FCF8EB

#FEFBF5

#f2da99 Gray Shades

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

#F2DA99

#E7D197

#DBC894

#D0BF92

#C4B68F

#B9AD8D

#AEA48A

#A29B88

#979285

#8B8983

#f2da99 Dark Shades

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

#F2DA99

#DAC48A

#C2AE7A

#A9996B

#91835C

#796D4D

#61573D

#49412E

#302C1F

#18160F

#f2da99 Red Shades

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

#F2DA99

#F3C48A

#F5AE7A

#F6996B

#F7835C

#F96D4D

#FA573D

#FB412E

#FC2C1F

#FE160F

#f2da99 Green Shades

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

#F2DA99

#DAD18A

#C2C87A

#A9BF6B

#91B65C

#79AD4D

#61A43D

#499B2E

#30921F

#18890F

#f2da99 Blue Shades

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

#F2DA99

#DAC4A3

#C2AEAD

#A999B8

#9183C2

#796DCC

#6157D6

#4941E0

#302CEB

#1816F5

Readability Analysis

#f2da99 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.26	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.73	A	Sample Text
Blue	6.25	AA	Sample Text

#f2da99 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.38	Fail	Sample Text
Black	15.26	AAA	Sample Text
Red	2.91	Fail	Sample Text
Green	3.73	A	Sample Text
Blue	6.25	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#efda98`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fad6a3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f8d3c6`
Protanopia	No red perception - Dichromacy	`#edda98`
Deuteranopia	No green perception - Dichromacy	`#ffd3a8`
Tritanopia	No blue perception - Dichromacy	`#fbcfdf`
Achromatomaly	Partial color blindness - Monochromacy	`#e3dac3`
Achromatopsia	Complete color blindness - Monochromacy	`#dadada`

#f2da99 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f2da99 Light Tints

#f2da99 Gray Shades

#f2da99 Dark Shades

#f2da99 Red Shades

#f2da99 Green Shades

#f2da99 Blue Shades

Readability Analysis

#f2da99 as Text Color

#f2da99 as Background Color

Color Blindness Simulation

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

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

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

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

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

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