0 views

#3a5c9c - Color Information

#3a5c9c

Base Information

HEX

#3a5c9c

RGB

58,92,156

HSL

219,46,42

HSV

219,63,61

CMYK

63,41,0,39

LAB

40,9,-39

LCH

40,40,283

XYZ

12,11,33

Web Safe

#336699

Web Smart

#335599

is dark

Yes

luminosity

0.1095

Pantone Color

Combinations

#3a5c9c complementary
Colors that are opposite to each other, forming a contrasting pair.

#3a5c9c

#9C7A3A

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

#3a5c9c

#9C493A

#8D9C3A

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

#3a5c9c

#9C3A5C

#5C9C3A

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

#3a5c9c

#9C3A8D

#9C7A3A

#3A9C49

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

#3a5c9c

#9C7A3A

#9C493A

#8D9C3A

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

#3a5c9c

#493A9C

#7A3A9C

#9C3A8D

Shades

#3a5c9c Light Tints

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

#3A5C9C

#4E6CA6

#617DB0

#758DBA

#899DC4

#9DAECE

#B0BED7

#C4CEE1

#D8DEEB

#EBEFF5

#3a5c9c Gray Shades

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

#3A5C9C

#416099

#486396

#4F6794

#566A91

#5D6E8E

#64728B

#6B7588

#727986

#797C83

#3a5c9c Dark Shades

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

#3A5C9C

#34538C

#2E4A7D

#29406D

#23375E

#1D2E4E

#17253E

#111C2F

#0C121F

#060910

#3a5c9c Red Shades

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

#3A5C9C

#4E538C

#614A7D

#75406D

#89375E

#9D2E4E

#B0253E

#C41C2F

#D8121F

#EB0910

#3a5c9c Green Shades

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

#3A5C9C

#34608C

#2E637D

#29676D

#236A5E

#1D6E4E

#17723E

#11752F

#0C791F

#067C10

#3a5c9c Blue Shades

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

#3A5C9C

#3453A6

#2E4AB0

#2940BA

#2337C4

#1D2ECE

#1725D7

#111CE1

#0C12EB

#0609F5

Readability Analysis

#3a5c9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.58	AA	Sample Text
Black	3.19	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

#3a5c9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.58	AA	Sample Text
Black	3.19	A	Sample Text
Red	1.65	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3f5c9b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#365d9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2b627f`
Protanopia	No red perception - Dichromacy	`#435b9a`
Deuteranopia	No green perception - Dichromacy	`#335e9a`
Tritanopia	No blue perception - Dichromacy	`#22666e`
Achromatomaly	Partial color blindness - Monochromacy	`#4e5a72`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#3a5c9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3a5c9c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3a5c9c Light Tints

#3a5c9c Gray Shades

#3a5c9c Dark Shades

#3a5c9c Red Shades

#3a5c9c Green Shades

#3a5c9c Blue Shades

Readability Analysis

#3a5c9c as Text Color

#3a5c9c as Background Color

Color Blindness Simulation

#3a5c9c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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