0 views

#f5b1e3 - Color Information

#f5b1e3

Base Information

HEX

#f5b1e3

RGB

245,177,227

HSL

316,77,83

HSV

316,28,96

CMYK

0,28,7,4

LAB

80,32,-15

LCH

80,36,335

XYZ

67,56,80

Web Safe

#ff99cc

Web Smart

#eeaadd

is dark

luminosity

0.5640

Pantone Color

Combinations

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

#f5b1e3

#B1F5C3

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

#f5b1e3

#C1F5B1

#B1F5E5

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

#f5b1e3

#E3F5B1

#B1E3F5

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

#f5b1e3

#F5E5B1

#B1F5C3

#B1C1F5

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

#f5b1e3

#B1F5C3

#C1F5B1

#B1F5E5

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

#f5b1e3

#F5B1C1

#F5C3B1

#F5E5B1

Shades

#f5b1e3 Light Tints

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

#F5B1E3

#F6B9E6

#F7C1E9

#F8C8EB

#F9D0EE

#FAD8F1

#FBE0F4

#FCE8F7

#FDEFF9

#FEF7FC

#f5b1e3 Gray Shades

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

#F5B1E3

#E9ACD9

#DEA7CF

#D2A2C5

#C69DBB

#BB99B2

#AF94A8

#A38F9E

#978A94

#8C858A

#f5b1e3 Dark Shades

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

#F5B1E3

#DD9FCC

#C48EB6

#AC7C9F

#936A88

#7B5972

#62475B

#493544

#31232D

#181217

#f5b1e3 Red Shades

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

#F5B1E3

#F69FCC

#F78EB6

#F87C9F

#F96A88

#FA5972

#FB475B

#FC3544

#FD232D

#FE1217

#f5b1e3 Green Shades

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

#F5B1E3

#DDACCC

#C4A7B6

#ACA29F

#939D88

#7B9972

#62945B

#498F44

#318A2D

#188517

#f5b1e3 Blue Shades

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

#F5B1E3

#DD9FE6

#C48EE9

#AC7CEB

#936AEE

#7B59F1

#6247F4

#4935F7

#3123F9

#1812FC

Readability Analysis

#f5b1e3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.71	Fail	Sample Text
Black	12.28	AAA	Sample Text
Red	2.34	Fail	Sample Text
Green	3.00	A	Sample Text
Blue	5.02	AA	Sample Text

#f5b1e3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.71	Fail	Sample Text
Black	12.28	AAA	Sample Text
Red	2.34	Fail	Sample Text
Green	3.00	A	Sample Text
Blue	5.02	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d0bcea`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dbbadf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f2b4cf`
Protanopia	No red perception - Dichromacy	`#bbc3ee`
Deuteranopia	No green perception - Dichromacy	`#ccbfdd`
Tritanopia	No blue perception - Dichromacy	`#f0b5c3`
Achromatomaly	Partial color blindness - Monochromacy	`#d5bccf`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#f5b1e3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5b1e3 Light Tints

#f5b1e3 Gray Shades

#f5b1e3 Dark Shades

#f5b1e3 Red Shades

#f5b1e3 Green Shades

#f5b1e3 Blue Shades

Readability Analysis

#f5b1e3 as Text Color

#f5b1e3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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