0 views

#357a8c - Color Information

#357a8c

Base Information

HEX

#357a8c

RGB

53,122,140

HSL

192,45,38

HSV

192,62,55

CMYK

62,13,0,45

LAB

48,-16,-16

LCH

48,23,226

XYZ

13,17,27

Web Safe

#336699

Web Smart

#337788

is dark

Yes

luminosity

0.1657

Pantone Color

Combinations

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

#357a8c

#8C4735

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

#357a8c

#8C354F

#8C7235

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

#357a8c

#8C357A

#7A8C35

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

#357a8c

#73358C

#8C4735

#4F8C35

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

#357a8c

#8C4735

#8C354F

#8C7235

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

#357a8c

#354F8C

#47358C

#73358C

Shades

#357a8c Light Tints

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

#357A8C

#498798

#5D95A3

#72A2AF

#86AFBA

#9ABDC6

#AECAD1

#C2D7DD

#D7E4E8

#EBF2F4

#357a8c Gray Shades

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

#357A8C

#3D7B8B

#447B8A

#4C7C88

#537C87

#5B7D86

#627E85

#6A7E84

#717F82

#797F81

#357a8c Dark Shades

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

#357A8C

#306E7E

#2A6270

#255562

#204954

#1B3D46

#153138

#10252A

#0B181C

#050C0E

#357a8c Red Shades

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

#357A8C

#496E7E

#5D6270

#725562

#864954

#9A3D46

#AE3138

#C2252A

#D7181C

#EB0C0E

#357a8c Green Shades

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

#357A8C

#307B7E

#2A7B70

#257C62

#207C54

#1B7D46

#157E38

#107E2A

#0B7F1C

#057F0E

#357a8c Blue Shades

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

#357A8C

#306E98

#2A62A3

#2555AF

#2049BA

#1B3DC6

#1531D1

#1025DD

#0B18E8

#050CF4

Readability Analysis

#357a8c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#357a8c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#587387`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#58738e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#357a87`
Protanopia	No red perception - Dichromacy	`#6c7085`
Deuteranopia	No green perception - Dichromacy	`#6b6f8f`
Tritanopia	No blue perception - Dichromacy	`#347a84`
Achromatomaly	Partial color blindness - Monochromacy	`#587178`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#357a8c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#357a8c Light Tints

#357a8c Gray Shades

#357a8c Dark Shades

#357a8c Red Shades

#357a8c Green Shades

#357a8c Blue Shades

Readability Analysis

#357a8c as Text Color

#357a8c as Background Color

Color Blindness Simulation

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

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

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

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

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

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