0 views

#5b4ffd - Color Information

#5b4ffd

Base Information

HEX

#5b4ffd

RGB

91,79,253

HSL

244,98,65

HSV

244,69,99

CMYK

64,69,0,1

LAB

46,55,-85

LCH

46,101,303

XYZ

25,15,94

Web Safe

#6666ff

Web Smart

#5555ff

is dark

Yes

luminosity

0.1491

Pantone Color

Combinations

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

#5b4ffd

#F1FD4F

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

#5b4ffd

#FDB24F

#9AFD4F

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

#5b4ffd

#FD5B4F

#4FFD5B

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

#5b4ffd

#FD4F9A

#F1FD4F

#4FFDB2

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

#5b4ffd

#F1FD4F

#FDB24F

#9AFD4F

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

#5b4ffd

#B24FFD

#FD4FF1

#FD4F9A

Shades

#5b4ffd Light Tints

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

#5B4FFD

#6B61FD

#7C72FD

#8C84FE

#9D95FE

#ADA7FE

#BDB9FE

#CECAFE

#DEDCFF

#EFEDFF

#5b4ffd Gray Shades

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

#5B4FFD

#5F54F1

#6259E4

#665ED8

#6A63CB

#6E68BF

#716CB2

#7571A6

#797699

#7C7B8D

#5b4ffd Dark Shades

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

#5B4FFD

#5247E4

#493FCA

#4037B1

#372F98

#2E287F

#242065

#1B184C

#121033

#090819

#5b4ffd Red Shades

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

#5B4FFD

#6B47E4

#7C3FCA

#8C37B1

#9D2F98

#AD287F

#BD2065

#CE184C

#DE1033

#EF0819

#5b4ffd Green Shades

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

#5B4FFD

#5254E4

#4959CA

#405EB1

#376398

#2E687F

#246C65

#1B714C

#127633

#097B19

#5b4ffd Blue Shades

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

#5B4FFD

#5247FD

#493FFD

#4037FE

#372FFE

#2E28FE

#2420FE

#1B18FE

#1210FF

#0908FF

Readability Analysis

#5b4ffd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.27	AA	Sample Text
Black	3.98	A	Sample Text
Red	1.32	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.63	Fail	Sample Text

#5b4ffd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.27	AA	Sample Text
Black	3.98	A	Sample Text
Red	1.32	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.63	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#215fe5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2163d2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2168ad`
Protanopia	No red perception - Dichromacy	`#0068d7`
Deuteranopia	No green perception - Dichromacy	`#006eb9`
Tritanopia	No blue perception - Dichromacy	`#00777f`
Achromatomaly	Partial color blindness - Monochromacy	`#5d5998`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#5b4ffd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5b4ffd Light Tints

#5b4ffd Gray Shades

#5b4ffd Dark Shades

#5b4ffd Red Shades

#5b4ffd Green Shades

#5b4ffd Blue Shades

Readability Analysis

#5b4ffd as Text Color

#5b4ffd as Background Color

Color Blindness Simulation

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

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

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

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

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

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