0 views

#505bcc - Color Information

#505bcc

Base Information

HEX

#505bcc

RGB

80,91,204

HSL

235,55,56

HSV

235,61,80

CMYK

61,55,0,20

LAB

44,30,-60

LCH

44,67,297

XYZ

18,14,59

Web Safe

#6666cc

Web Smart

#5555cc

is dark

Yes

luminosity

0.1355

Pantone Color

Combinations

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

#505bcc

#CCC150

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

#505bcc

#CC8350

#99CC50

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

#505bcc

#CC505B

#5BCC50

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

#505bcc

#CC5099

#CCC150

#50CC83

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

#505bcc

#CCC150

#CC8350

#99CC50

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

#505bcc

#8350CC

#C150CC

#CC5099

Shades

#505bcc Light Tints

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

#505BCC

#626BD1

#737CD6

#858CDB

#969DE0

#A8ADE6

#B9BDEB

#CBCEF0

#DCDEF5

#EEEFFA

#505bcc Gray Shades

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

#505BCC

#555FC4

#5A62BD

#5E66B5

#636AAE

#686EA6

#6D719E

#727597

#76798F

#7B7C88

#505bcc Dark Shades

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

#505BCC

#4852B8

#4049A3

#38408F

#30377A

#282E66

#202452

#181B3D

#101229

#080914

#505bcc Red Shades

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

#505BCC

#6252B8

#7349A3

#85408F

#96377A

#A82E66

#B92452

#CB1B3D

#DC1229

#EE0914

#505bcc Green Shades

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

#505BCC

#485FB8

#4062A3

#38668F

#306A7A

#286E66

#207152

#18753D

#107929

#087C14

#505bcc Blue Shades

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

#505BCC

#4852D1

#4049D6

#3840DB

#3037E0

#282EE6

#2024EB

#181BF0

#1012F5

#0809FA

Readability Analysis

#505bcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.66	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.42	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

#505bcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.66	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.42	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1d60ce`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1d64bd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#306998`
Protanopia	No red perception - Dichromacy	`#0063cf`
Deuteranopia	No green perception - Dichromacy	`#0069b4`
Tritanopia	No blue perception - Dichromacy	`#1e717a`
Achromatomaly	Partial color blindness - Monochromacy	`#5b5f88`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#505bcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#505bcc Light Tints

#505bcc Gray Shades

#505bcc Dark Shades

#505bcc Red Shades

#505bcc Green Shades

#505bcc Blue Shades

Readability Analysis

#505bcc as Text Color

#505bcc as Background Color

Color Blindness Simulation

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

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

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

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

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

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