0 views

#f4b0fb - Color Information

#f4b0fb

Base Information

HEX

#f4b0fb

RGB

244,176,251

HSL

294,90,84

HSV

294,30,98

CMYK

3,30,0,2

LAB

80,37,-27

LCH

80,46,323

XYZ

70,57,99

Web Safe

#ff99ff

Web Smart

#eeaaff

is dark

luminosity

0.5725

Pantone Color

Combinations

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

#f4b0fb

#B7FBB0

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

#f4b0fb

#DCFBB0

#B0FBCF

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

#f4b0fb

#FBF4B0

#B0FBF4

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

#f4b0fb

#FBCFB0

#B7FBB0

#B0DCFB

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

#f4b0fb

#B7FBB0

#DCFBB0

#B0FBCF

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

#f4b0fb

#FBB0DC

#FBB0B7

#FBCFB0

Shades

#f4b0fb Light Tints

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

#F4B0FB

#F5B8FB

#F6C0FC

#F7C8FC

#F8D0FD

#FAD8FD

#FBDFFD

#FCE7FE

#FDEFFE

#FEF7FF

#f4b0fb Gray Shades

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

#F4B0FB

#E8ABEF

#DDA6E2

#D1A2D6

#C69DCA

#BA98BE

#AE93B1

#A38EA5

#978A99

#8C858C

#f4b0fb Dark Shades

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

#F4B0FB

#DC9EE2

#C38DC9

#AB7BB0

#926A97

#7A587E

#624664

#49354B

#312332

#181219

#f4b0fb Red Shades

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

#F4B0FB

#F59EE2

#F68DC9

#F77BB0

#F86A97

#FA587E

#FB4664

#FC354B

#FD2332

#FE1219

#f4b0fb Green Shades

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

#F4B0FB

#DCABE2

#C3A6C9

#ABA2B0

#929D97

#7A987E

#629364

#498E4B

#318A32

#188519

#f4b0fb Blue Shades

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

#F4B0FB

#DC9EFB

#C38DFC

#AB7BFC

#926AFD

#7A58FD

#6246FD

#4935FE

#3123FE

#1812FF

Readability Analysis

#f4b0fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.09	AA	Sample Text

#f4b0fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ccbdfe`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d4bbf7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#eeb6da`
Protanopia	No red perception - Dichromacy	`#b5c4ff`
Deuteranopia	No green perception - Dichromacy	`#c1c2f5`
Tritanopia	No blue perception - Dichromacy	`#ebb9c7`
Achromatomaly	Partial color blindness - Monochromacy	`#d5bdd8`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#f4b0fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f4b0fb Light Tints

#f4b0fb Gray Shades

#f4b0fb Dark Shades

#f4b0fb Red Shades

#f4b0fb Green Shades

#f4b0fb Blue Shades

Readability Analysis

#f4b0fb as Text Color

#f4b0fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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