0 views

#f0baf4 - Color Information

#f0baf4

Base Information

HEX

#f0baf4

RGB

240,186,244

HSL

296,73,84

HSV

296,24,96

CMYK

2,24,0,4

LAB

82,29,-21

LCH

82,36,324

XYZ

70,60,94

Web Safe

#ffccff

Web Smart

#eebbee

is dark

luminosity

0.6017

Pantone Color

Combinations

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

#f0baf4

#BEF4BA

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

#f0baf4

#DBF4BA

#BAF4D3

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

#f0baf4

#F4F0BA

#BAF4F0

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

#f0baf4

#F4D3BA

#BEF4BA

#BADBF4

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

#f0baf4

#BEF4BA

#DBF4BA

#BAF4D3

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

#f0baf4

#F4BADB

#F4BABE

#F4D3BA

Shades

#f0baf4 Light Tints

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

#F0BAF4

#F2C1F5

#F3C8F6

#F5CFF7

#F6D6F8

#F8DDFA

#F9E3FB

#FBEAFC

#FCF1FD

#FEF8FE

#f0baf4 Gray Shades

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

#F0BAF4

#E5B4E8

#DAAEDD

#CEA9D1

#C3A3C6

#B89DBA

#AD97AE

#A291A3

#968C97

#8B868C

#f0baf4 Dark Shades

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

#F0BAF4

#D8A7DC

#C095C3

#A882AB

#907092

#785D7A

#604A62

#483849

#302531

#181318

#f0baf4 Red Shades

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

#F0BAF4

#F2A7DC

#F395C3

#F582AB

#F67092

#F85D7A

#F94A62

#FB3849

#FC2531

#FE1318

#f0baf4 Green Shades

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

#F0BAF4

#D8B4DC

#C0AEC3

#A8A9AB

#90A392

#789D7A

#609762

#489149

#308C31

#188618

#f0baf4 Blue Shades

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

#F0BAF4

#D8A7F5

#C095F6

#A882F7

#9070F8

#785DFA

#604AFB

#4838FC

#3025FD

#1813FE

Readability Analysis

#f0baf4 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

#f0baf4 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	`#cfc3fa`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d9c1f1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ecbedc`
Protanopia	No red perception - Dichromacy	`#bdc8fe`
Deuteranopia	No green perception - Dichromacy	`#ccc6ef`
Tritanopia	No blue perception - Dichromacy	`#e9c0ce`
Achromatomaly	Partial color blindness - Monochromacy	`#d8c4d9`
Achromatopsia	Complete color blindness - Monochromacy	`#cacaca`

#f0baf4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f0baf4 Light Tints

#f0baf4 Gray Shades

#f0baf4 Dark Shades

#f0baf4 Red Shades

#f0baf4 Green Shades

#f0baf4 Blue Shades

Readability Analysis

#f0baf4 as Text Color

#f0baf4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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