0 views

#f7b8ed - Color Information

#f7b8ed

Base Information

HEX

#f7b8ed

RGB

247,184,237

HSL

310,80,85

HSV

310,26,97

CMYK

0,26,4,3

LAB

82,31,-17

LCH

82,36,331

XYZ

71,60,88

Web Safe

#ffccff

Web Smart

#ffbbee

is dark

luminosity

0.6017

Pantone Color

Combinations

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

#f7b8ed

#B8F7C2

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

#f7b8ed

#CEF7B8

#B8F7E2

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

#f7b8ed

#EDF7B8

#B8EDF7

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

#f7b8ed

#F7E2B8

#B8F7C2

#B8CEF7

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

#f7b8ed

#B8F7C2

#CEF7B8

#B8F7E2

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

#f7b8ed

#F7B8CE

#F7C2B8

#F7E2B8

Shades

#f7b8ed Light Tints

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

#F7B8ED

#F8BFEF

#F9C6F1

#F9CDF2

#FAD4F4

#FBDCF6

#FCE3F8

#FDEAFA

#FDF1FB

#FEF8FD

#f7b8ed Gray Shades

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

#F7B8ED

#EBB2E2

#DFADD7

#D3A7CC

#C7A2C1

#BC9CB7

#B096AC

#A491A1

#988B96

#8C868B

#f7b8ed Dark Shades

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

#F7B8ED

#DEA6D5

#C693BE

#AD81A6

#946E8E

#7C5C77

#634A5F

#4A3747

#31252F

#191218

#f7b8ed Red Shades

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

#F7B8ED

#F8A6D5

#F993BE

#F981A6

#FA6E8E

#FB5C77

#FC4A5F

#FD3747

#FD252F

#FE1218

#f7b8ed Green Shades

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

#F7B8ED

#DEB2D5

#C6ADBE

#ADA7A6

#94A28E

#7C9C77

#63965F

#4A9147

#318B2F

#198618

#f7b8ed Blue Shades

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

#F7B8ED

#DEA6EF

#C693F1

#AD81F2

#946EF4

#7C5CF6

#634AF8

#4A37FA

#3125FB

#1912FD

Readability Analysis

#f7b8ed as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.03	AAA	Sample Text
Red	2.48	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.33	AA	Sample Text

#f7b8ed as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.03	AAA	Sample Text
Red	2.48	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.33	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d3c2f4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dec0ea`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f4bbd8`
Protanopia	No red perception - Dichromacy	`#bfc8f7`
Deuteranopia	No green perception - Dichromacy	`#d0c5e8`
Tritanopia	No blue perception - Dichromacy	`#f2bdcb`
Achromatomaly	Partial color blindness - Monochromacy	`#dac3d6`
Achromatopsia	Complete color blindness - Monochromacy	`#c9c9c9`

#f7b8ed - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f7b8ed Light Tints

#f7b8ed Gray Shades

#f7b8ed Dark Shades

#f7b8ed Red Shades

#f7b8ed Green Shades

#f7b8ed Blue Shades

Readability Analysis

#f7b8ed as Text Color

#f7b8ed as Background Color

Color Blindness Simulation

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

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

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

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

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

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