0 views

#5b6eb8 - Color Information

#5b6eb8

Base Information

HEX

#5b6eb8

RGB

91,110,184

HSL

228,40,54

HSV

228,51,72

CMYK

51,40,0,28

LAB

48,14,-41

LCH

48,44,289

XYZ

19,17,48

Web Safe

#6666cc

Web Smart

#5566bb

is dark

Yes

luminosity

0.1684

Pantone Color

Combinations

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

#5b6eb8

#B8A55B

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

#5b6eb8

#B8765B

#9DB85B

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

#5b6eb8

#B85B6E

#6EB85B

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

#5b6eb8

#B85B9C

#B8A55B

#5BB877

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

#5b6eb8

#B8A55B

#B8765B

#9DB85B

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

#5b6eb8

#775BB8

#A55BB8

#B85B9C

Shades

#5b6eb8 Light Tints

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

#5B6EB8

#6B7DBF

#7C8BC6

#8C9ACD

#9DA8D4

#ADB7DC

#BDC5E3

#CED4EA

#DEE2F1

#EFF1F8

#5b6eb8 Gray Shades

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

#5B6EB8

#5F70B2

#6272AD

#6673A7

#6A75A2

#6E779C

#717996

#757B91

#797C8B

#7C7E86

#5b6eb8 Dark Shades

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

#5B6EB8

#5263A6

#495893

#404D81

#37426E

#2E375C

#242C4A

#1B2137

#121625

#090B12

#5b6eb8 Red Shades

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

#5B6EB8

#6B63A6

#7C5893

#8C4D81

#9D426E

#AD375C

#BD2C4A

#CE2137

#DE1625

#EF0B12

#5b6eb8 Green Shades

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

#5B6EB8

#5270A6

#497293

#407381

#37756E

#2E775C

#24794A

#1B7B37

#127C25

#097E12

#5b6eb8 Blue Shades

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

#5B6EB8

#5263BF

#4958C6

#404DCD

#3742D4

#2E37DC

#242CE3

#1B21EA

#1216F1

#090BF8

Readability Analysis

#5b6eb8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.81	AA	Sample Text
Black	4.37	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

#5b6eb8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.81	AA	Sample Text
Black	4.37	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#566fb8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4f70b6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4f7596`
Protanopia	No red perception - Dichromacy	`#536fb8`
Deuteranopia	No green perception - Dichromacy	`#4872b5`
Tritanopia	No blue perception - Dichromacy	`#477983`
Achromatomaly	Partial color blindness - Monochromacy	`#686f8a`
Achromatopsia	Complete color blindness - Monochromacy	`#6f6f6f`

#5b6eb8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5b6eb8 Light Tints

#5b6eb8 Gray Shades

#5b6eb8 Dark Shades

#5b6eb8 Red Shades

#5b6eb8 Green Shades

#5b6eb8 Blue Shades

Readability Analysis

#5b6eb8 as Text Color

#5b6eb8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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