0 views

#f5bafc - Color Information

#f5bafc

Base Information

HEX

#f5bafc

RGB

245,186,252

HSL

294,92,86

HSV

294,26,99

CMYK

3,26,0,1

LAB

83,32,-24

LCH

83,40,323

XYZ

73,62,100

Web Safe

#ffccff

Web Smart

#eebbff

is dark

luminosity

0.6156

Pantone Color

Combinations

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

#f5bafc

#C1FCBA

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

#f5bafc

#E2FCBA

#BAFCD4

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

#f5bafc

#FCF5BA

#BAFCF5

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

#f5bafc

#FCD4BA

#C1FCBA

#BAE2FC

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

#f5bafc

#C1FCBA

#E2FCBA

#BAFCD4

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

#f5bafc

#FCBAE2

#FCBAC1

#FCD4BA

Shades

#f5bafc Light Tints

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

#F5BAFC

#F6C1FC

#F7C8FD

#F8CFFD

#F9D6FD

#FADDFE

#FBE3FE

#FCEAFE

#FDF1FE

#FEF8FF

#f5bafc Gray Shades

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

#F5BAFC

#E9B4F0

#DEAEE3

#D2A9D7

#C6A3CA

#BB9DBE

#AF97B2

#A391A5

#978C99

#8C868C

#f5bafc Dark Shades

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

#F5BAFC

#DDA7E3

#C495CA

#AC82B0

#937097

#7B5D7E

#624A65

#49384C

#312532

#181319

#f5bafc Red Shades

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

#F5BAFC

#F6A7E3

#F795CA

#F882B0

#F97097

#FA5D7E

#FB4A65

#FC384C

#FD2532

#FE1319

#f5bafc Green Shades

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

#F5BAFC

#DDB4E3

#C4AECA

#ACA9B0

#93A397

#7B9D7E

#629765

#49914C

#318C32

#188619

#f5bafc Blue Shades

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

#F5BAFC

#DDA7FC

#C495FD

#AC82FD

#9370FD

#7B5DFE

#624AFE

#4938FE

#3125FE

#1813FF

Readability Analysis

#f5bafc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.31	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.26	A	Sample Text
Blue	5.45	AA	Sample Text

#f5bafc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.58	Fail	Sample Text
Black	13.31	AAA	Sample Text
Red	2.53	Fail	Sample Text
Green	3.26	A	Sample Text
Blue	5.45	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2c5fe`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dac3f9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#f0bfe0`
Protanopia	No red perception - Dichromacy	`#bfcbff`
Deuteranopia	No green perception - Dichromacy	`#cbc8f7`
Tritanopia	No blue perception - Dichromacy	`#edc1d0`
Achromatomaly	Partial color blindness - Monochromacy	`#dac5dd`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#f5bafc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f5bafc Light Tints

#f5bafc Gray Shades

#f5bafc Dark Shades

#f5bafc Red Shades

#f5bafc Green Shades

#f5bafc Blue Shades

Readability Analysis

#f5bafc as Text Color

#f5bafc as Background Color

Color Blindness Simulation

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

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

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

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

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

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