0 views

#5b777b - Color Information

#5b777b

Base Information

HEX

#5b777b

RGB

91,119,123

HSL

188,15,42

HSV

188,26,48

CMYK

26,3,0,52

LAB

48,-9,-6

LCH

48,11,211

XYZ

14,17,21

Web Safe

#666666

Web Smart

#557777

is dark

Yes

luminosity

0.1685

Pantone Color

Combinations

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

#5b777b

#7B5F5B

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

#5b777b

#7B5B67

#7B6F5B

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

#5b777b

#7B5B77

#777B5B

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

#5b777b

#6F5B7B

#7B5F5B

#677B5B

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

#5b777b

#7B5F5B

#7B5B67

#7B6F5B

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

#5b777b

#5B677B

#5F5B7B

#6F5B7B

Shades

#5b777b Light Tints

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

#5B777B

#6B8588

#7C9295

#8CA0A3

#9DADB0

#ADBBBD

#BDC9CA

#CED6D7

#DEE4E5

#EFF1F2

#5b777b Gray Shades

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

#5B777B

#5F787C

#62797C

#667A7D

#6A7B7D

#6E7C7E

#717C7E

#757D7F

#797E7F

#7C7F80

#5b777b Dark Shades

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

#5B777B

#526B6F

#495F62

#405356

#37474A

#2E3C3E

#243031

#1B2425

#121819

#090C0C

#5b777b Red Shades

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

#5B777B

#6B6B6F

#7C5F62

#8C5356

#9D474A

#AD3C3E

#BD3031

#CE2425

#DE1819

#EF0C0C

#5b777b Green Shades

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

#5B777B

#52786F

#497962

#407A56

#377B4A

#2E7C3E

#247C31

#1B7D25

#127E19

#097F0C

#5b777b Blue Shades

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

#5B777B

#526B88

#495F95

#4053A3

#3747B0

#2E3CBD

#2430CA

#1B24D7

#1218E5

#090CF2

Readability Analysis

#5b777b 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

#5b777b 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	`#6a7379`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#6d727c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5c767d`
Protanopia	No red perception - Dichromacy	`#727177`
Deuteranopia	No green perception - Dichromacy	`#786e7d`
Tritanopia	No blue perception - Dichromacy	`#5d767f`
Achromatomaly	Partial color blindness - Monochromacy	`#697375`
Achromatopsia	Complete color blindness - Monochromacy	`#717171`

#5b777b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5b777b Light Tints

#5b777b Gray Shades

#5b777b Dark Shades

#5b777b Red Shades

#5b777b Green Shades

#5b777b Blue Shades

Readability Analysis

#5b777b as Text Color

#5b777b as Background Color

Color Blindness Simulation

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

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

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

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

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

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