0 views

#f0baf6 - Color Information

#f0baf6

Base Information

HEX

#f0baf6

RGB

240,186,246

HSL

294,77,85

HSV

294,24,96

CMYK

2,24,0,4

LAB

82,29,-22

LCH

82,37,323

XYZ

70,60,95

Web Safe

#ffccff

Web Smart

#eebbee

is dark

luminosity

0.6030

Pantone Color

Combinations

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

#f0baf6

#C0F6BA

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

#f0baf6

#DEF6BA

#BAF6D2

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

#f0baf6

#F6F0BA

#BAF6F0

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

#f0baf6

#F6D2BA

#C0F6BA

#BADEF6

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

#f0baf6

#C0F6BA

#DEF6BA

#BAF6D2

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

#f0baf6

#F6BADE

#F6BAC0

#F6D2BA

Shades

#f0baf6 Light Tints

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

#F0BAF6

#F2C1F7

#F3C8F8

#F5CFF9

#F6D6FA

#F8DDFB

#F9E3FB

#FBEAFC

#FCF1FD

#FEF8FE

#f0baf6 Gray Shades

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

#F0BAF6

#E5B4EA

#DAAEDE

#CEA9D3

#C3A3C7

#B89DBB

#AD97AF

#A291A3

#968C98

#8B868C

#f0baf6 Dark Shades

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

#F0BAF6

#D8A7DD

#C095C5

#A882AC

#907094

#785D7B

#604A62

#48384A

#302531

#181319

#f0baf6 Red Shades

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

#F0BAF6

#F2A7DD

#F395C5

#F582AC

#F67094

#F85D7B

#F94A62

#FB384A

#FC2531

#FE1319

#f0baf6 Green Shades

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

#F0BAF6

#D8B4DD

#C0AEC5

#A8A9AC

#90A394

#789D7B

#609762

#48914A

#308C31

#188619

#f0baf6 Blue Shades

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

#F0BAF6

#D8A7F7

#C095F8

#A882F9

#9070FA

#785DFB

#604AFB

#4838FC

#3025FD

#1813FE

Readability Analysis

#f0baf6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.06	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.34	AA	Sample Text

#f0baf6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.06	AAA	Sample Text
Red	2.49	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.34	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#cfc3fc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d9c2f3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ecbedd`
Protanopia	No red perception - Dichromacy	`#bcc9ff`
Deuteranopia	No green perception - Dichromacy	`#cbc6f1`
Tritanopia	No blue perception - Dichromacy	`#e9c0cf`
Achromatomaly	Partial color blindness - Monochromacy	`#d8c4da`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#f0baf6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0baf6 Light Tints

#f0baf6 Gray Shades

#f0baf6 Dark Shades

#f0baf6 Red Shades

#f0baf6 Green Shades

#f0baf6 Blue Shades

Readability Analysis

#f0baf6 as Text Color

#f0baf6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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