0 views

#ffbaf8 - Color Information

#ffbaf8

Base Information

HEX

#ffbaf8

RGB

255,186,248

HSL

306,100,86

HSV

306,27,100

CMYK

0,27,3,0

LAB

84,35,-21

LCH

84,40,329

XYZ

76,63,97

Web Safe

#ffccff

Web Smart

#ffbbff

is dark

luminosity

0.6316

Pantone Color

Combinations

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

#ffbaf8

#BAFFC1

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

#ffbaf8

#D6FFBA

#BAFFE4

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

#ffbaf8

#F8FFBA

#BAF8FF

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

#ffbaf8

#FFE3BA

#BAFFC1

#BAD6FF

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

#ffbaf8

#BAFFC1

#D6FFBA

#BAFFE4

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

#ffbaf8

#FFBAD6

#FFC1BA

#FFE3BA

Shades

#ffbaf8 Light Tints

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

#FFBAF8

#FFC1F9

#FFC8F9

#FFCFFA

#FFD6FB

#FFDDFC

#FFE3FC

#FFEAFD

#FFF1FE

#FFF8FE

#ffbaf8 Gray Shades

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

#FFBAF8

#F2B4EC

#E6AEE0

#D9A9D4

#CCA3C8

#C09DBC

#B397B0

#A691A4

#998C98

#8D868C

#ffbaf8 Dark Shades

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

#FFBAF8

#E6A7DF

#CC95C6

#B382AE

#997095

#805D7C

#664A63

#4C384A

#332532

#191319

#ffbaf8 Red Shades

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

#FFBAF8

#FFA7DF

#FF95C6

#FF82AE

#FF7095

#FF5D7C

#FF4A63

#FF384A

#FF2532

#FF1319

#ffbaf8 Green Shades

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

#FFBAF8

#E6B4DF

#CCAEC6

#B3A9AE

#99A395

#809D7C

#669763

#4C914A

#338C32

#198619

#ffbaf8 Blue Shades

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

#FFBAF8

#E6A7F9

#CC95F9

#B382FA

#9970FB

#805DFC

#664AFC

#4C38FD

#3325FE

#1913FE

Readability Analysis

#ffbaf8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.63	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.33	A	Sample Text
Blue	5.58	AA	Sample Text

#ffbaf8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.54	Fail	Sample Text
Black	13.63	AAA	Sample Text
Red	2.60	Fail	Sample Text
Green	3.33	A	Sample Text
Blue	5.58	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8c6fc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e2c4f4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbbede`
Protanopia	No red perception - Dichromacy	`#c2cdff`
Deuteranopia	No green perception - Dichromacy	`#d2caf2`
Tritanopia	No blue perception - Dichromacy	`#f9c0cf`
Achromatomaly	Partial color blindness - Monochromacy	`#dfc6dd`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#ffbaf8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffbaf8 Light Tints

#ffbaf8 Gray Shades

#ffbaf8 Dark Shades

#ffbaf8 Red Shades

#ffbaf8 Green Shades

#ffbaf8 Blue Shades

Readability Analysis

#ffbaf8 as Text Color

#ffbaf8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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