0 views

#f5f2d2 - Color Information

#f5f2d2

Base Information

HEX

#f5f2d2

RGB

245,242,210

HSL

55,64,89

HSV

55,14,96

CMYK

0,1,14,4

LAB

95,-4,16

LCH

95,16,105

XYZ

81,88,74

Web Safe

#ffffcc

Web Smart

#eeeecc

is dark

luminosity

0.8757

Pantone Color

Combinations

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

#f5f2d2

#D2D5F5

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

#f5f2d2

#D2E7F5

#E0D2F5

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

#f5f2d2

#D2F5F2

#F2D2F5

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

#f5f2d2

#D2F5E0

#D2D5F5

#F5D2E7

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

#f5f2d2

#D2D5F5

#D2E7F5

#E0D2F5

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

#f5f2d2

#E7F5D2

#D5F5D2

#D2F5E0

Shades

#f5f2d2 Light Tints

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

#F5F2D2

#F6F3D7

#F7F5DB

#F8F6E0

#F9F7E4

#FAF9E9

#FBFAED

#FCFBF2

#FDFCF6

#FEFEFB

#f5f2d2 Gray Shades

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

#F5F2D2

#E9E7CA

#DEDBC2

#D2D0B9

#C6C4B1

#BBB9A9

#AFAEA1

#A3A299

#979790

#8C8B88

#f5f2d2 Dark Shades

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

#F5F2D2

#DDDABD

#C4C2A8

#ACA993

#93917E

#7B7969

#626154

#49493F

#31302A

#181815

#f5f2d2 Red Shades

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

#F5F2D2

#F6DABD

#F7C2A8

#F8A993

#F9917E

#FA7969

#FB6154

#FC493F

#FD302A

#FE1815

#f5f2d2 Green Shades

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

#F5F2D2

#DDE7BD

#C4DBA8

#ACD093

#93C47E

#7BB969

#62AE54

#49A23F

#31972A

#188B15

#f5f2d2 Blue Shades

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

#F5F2D2

#DDDAD7

#C4C2DB

#ACA9E0

#9391E4

#7B79E9

#6261ED

#4949F2

#3130F6

#1818FB

Readability Analysis

#f5f2d2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.51	AAA	Sample Text
Red	3.53	A	Sample Text
Green	4.53	AA	Sample Text
Blue	7.58	AAA	Sample Text

#f5f2d2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.51	AAA	Sample Text
Red	3.53	A	Sample Text
Green	4.53	AA	Sample Text
Blue	7.58	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faf0d1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbefde`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f9eeee`
Protanopia	No red perception - Dichromacy	`#fcefd0`
Deuteranopia	No green perception - Dichromacy	`#ffede5`
Tritanopia	No blue perception - Dichromacy	`#fcebfd`
Achromatomaly	Partial color blindness - Monochromacy	`#f2f1e5`
Achromatopsia	Complete color blindness - Monochromacy	`#f0f0f0`

#f5f2d2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5f2d2 Light Tints

#f5f2d2 Gray Shades

#f5f2d2 Dark Shades

#f5f2d2 Red Shades

#f5f2d2 Green Shades

#f5f2d2 Blue Shades

Readability Analysis

#f5f2d2 as Text Color

#f5f2d2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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