0 views

#536a8c - Color Information

#536a8c

Base Information

HEX

#536a8c

RGB

83,106,140

HSL

216,26,44

HSV

216,41,55

CMYK

41,24,0,45

LAB

44,1,-21

LCH

44,21,272

XYZ

13,14,27

Web Safe

#666699

Web Smart

#556688

is dark

Yes

luminosity

0.1404

Pantone Color

Combinations

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

#536a8c

#8C7553

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

#536a8c

#8C5853

#878C53

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

#536a8c

#8C536A

#6A8C53

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

#536a8c

#8C5387

#8C7553

#538C59

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

#536a8c

#8C7553

#8C5853

#878C53

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

#536a8c

#59538C

#75538C

#8C5387

Shades

#536a8c Light Tints

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

#536A8C

#647998

#7588A3

#8797AF

#98A6BA

#A9B5C6

#BAC3D1

#CBD2DD

#DDE1E8

#EEF0F4

#536a8c Gray Shades

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

#536A8C

#586C8B

#5C6E8A

#617188

#657387

#6A7586

#6E7785

#737984

#777C82

#7C7E81

#536a8c Dark Shades

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

#536A8C

#4B5F7E

#425570

#3A4A62

#324054

#2A3546

#212A38

#19202A

#11151C

#080B0E

#536a8c Red Shades

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

#536A8C

#645F7E

#755570

#874A62

#984054

#A93546

#BA2A38

#CB202A

#DD151C

#EE0B0E

#536a8c Green Shades

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

#536A8C

#4B6C7E

#426E70

#3A7162

#327354

#2A7546

#217738

#19792A

#117C1C

#087E0E

#536a8c Blue Shades

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

#536A8C

#4B5F98

#4255A3

#3A4AAF

#3240BA

#2A35C6

#212AD1

#1920DD

#1115E8

#080BF4

Readability Analysis

#536a8c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.51	AA	Sample Text
Black	3.81	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

#536a8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.51	AA	Sample Text
Black	3.81	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#5b688a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5a688c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#506c7e`
Protanopia	No red perception - Dichromacy	`#5f6789`
Deuteranopia	No green perception - Dichromacy	`#5e678c`
Tritanopia	No blue perception - Dichromacy	`#4e6e76`
Achromatomaly	Partial color blindness - Monochromacy	`#606875`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#536a8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#536a8c Light Tints

#536a8c Gray Shades

#536a8c Dark Shades

#536a8c Red Shades

#536a8c Green Shades

#536a8c Blue Shades

Readability Analysis

#536a8c as Text Color

#536a8c as Background Color

Color Blindness Simulation

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

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

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

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

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

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