0 views

#536f7c - Color Information

#536f7c

Base Information

HEX

#536f7c

RGB

83,111,124

HSL

199,20,41

HSV

199,33,49

CMYK

33,10,0,51

LAB

45,-7,-10

LCH

45,12,237

XYZ

13,15,21

Web Safe

#666666

Web Smart

#557777

is dark

Yes

luminosity

0.1466

Pantone Color

Combinations

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

#536f7c

#7C6053

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

#536f7c

#7C535A

#7C7453

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

#536f7c

#7C536F

#6F7C53

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

#536f7c

#74537C

#7C6053

#5B7C53

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

#536f7c

#7C6053

#7C535A

#7C7453

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

#536f7c

#535B7C

#60537C

#74537C

Shades

#536f7c Light Tints

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

#536F7C

#647D89

#758C96

#879AA3

#98A9B0

#A9B7BE

#BAC5CB

#CBD4D8

#DDE2E5

#EEF1F2

#536f7c Gray Shades

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

#536F7C

#58717C

#5C727D

#61747D

#65767E

#6A787E

#6E797E

#737B7F

#777D7F

#7C7E80

#536f7c Dark Shades

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

#536F7C

#4B6470

#425963

#3A4E57

#32434A

#2A383E

#212C32

#192125

#111619

#080B0C

#536f7c Red Shades

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

#536F7C

#646470

#755963

#874E57

#98434A

#A9383E

#BA2C32

#CB2125

#DD1619

#EE0B0C

#536f7c Green Shades

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

#536F7C

#4B7170

#427263

#3A7457

#32764A

#2A783E

#217932

#197B25

#117D19

#087E0C

#536f7c Blue Shades

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

#536F7C

#4B6489

#425996

#3A4EA3

#3243B0

#2A38BE

#212CCB

#1921D8

#1116E5

#080BF2

Readability Analysis

#536f7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.34	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

#536f7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.34	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#616c7a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#636b7d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#536f79`
Protanopia	No red perception - Dichromacy	`#686a78`
Deuteranopia	No green perception - Dichromacy	`#6c687d`
Tritanopia	No blue perception - Dichromacy	`#536f78`
Achromatomaly	Partial color blindness - Monochromacy	`#626c71`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#536f7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#536f7c Light Tints

#536f7c Gray Shades

#536f7c Dark Shades

#536f7c Red Shades

#536f7c Green Shades

#536f7c Blue Shades

Readability Analysis

#536f7c as Text Color

#536f7c as Background Color

Color Blindness Simulation

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

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

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

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

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

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