0 views

#536a9c - Color Information

#536a9c

Base Information

HEX

#536a9c

RGB

83,106,156

HSL

221,31,47

HSV

221,47,61

CMYK

47,32,0,39

LAB

45,6,-30

LCH

45,30,281

XYZ

15,15,33

Web Safe

#666699

Web Smart

#556699

is dark

Yes

luminosity

0.1455

Pantone Color

Combinations

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

#536a9c

#9C8553

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

#536a9c

#9C6053

#8F9C53

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

#536a9c

#9C536A

#6A9C53

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

#536a9c

#9C538E

#9C8553

#539C60

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

#536a9c

#9C8553

#9C6053

#8F9C53

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

#536a9c

#60539C

#85539C

#9C538E

Shades

#536a9c Light Tints

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

#536A9C

#6479A6

#7588B0

#8797BA

#98A6C4

#A9B5CE

#BAC3D7

#CBD2E1

#DDE1EB

#EEF0F5

#536a9c Gray Shades

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

#536A9C

#586C99

#5C6E96

#617194

#657391

#6A758E

#6E778B

#737988

#777C86

#7C7E83

#536a9c Dark Shades

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

#536A9C

#4B5F8C

#42557D

#3A4A6D

#32405E

#2A354E

#212A3E

#19202F

#11151F

#080B10

#536a9c Red Shades

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

#536A9C

#645F8C

#75557D

#874A6D

#98405E

#A9354E

#BA2A3E

#CB202F

#DD151F

#EE0B10

#536a9c Green Shades

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

#536A9C

#4B6C8C

#426E7D

#3A716D

#32735E

#2A754E

#21773E

#19792F

#117C1F

#087E10

#536a9c Blue Shades

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

#536A9C

#4B5FA6

#4255B0

#3A4ABA

#3240C4

#2A35CE

#212AD7

#1920E1

#1115EB

#080BF5

Readability Analysis

#536a9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.37	AA	Sample Text
Black	3.91	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#536a9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.37	AA	Sample Text
Black	3.91	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#57699b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#546a9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4c6e86`
Protanopia	No red perception - Dichromacy	`#59699a`
Deuteranopia	No green perception - Dichromacy	`#55699b`
Tritanopia	No blue perception - Dichromacy	`#487079`
Achromatomaly	Partial color blindness - Monochromacy	`#61697b`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#536a9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#536a9c Light Tints

#536a9c Gray Shades

#536a9c Dark Shades

#536a9c Red Shades

#536a9c Green Shades

#536a9c Blue Shades

Readability Analysis

#536a9c as Text Color

#536a9c as Background Color

Color Blindness Simulation

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

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

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

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

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

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