0 views

#3b5a9d - Color Information

#3b5a9d

Base Information

HEX

#3b5a9d

RGB

59,90,157

HSL

221,45,42

HSV

221,62,62

CMYK

62,43,0,38

LAB

39,10,-40

LCH

39,41,285

XYZ

12,11,33

Web Safe

#336699

Web Smart

#335599

is dark

Yes

luminosity

0.1068

Pantone Color

Combinations

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

#3b5a9d

#9D7E3B

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

#3b5a9d

#9D4D3B

#8B9D3B

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

#3b5a9d

#9D3B5A

#5A9D3B

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

#3b5a9d

#9D3B8B

#9D7E3B

#3B9D4D

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

#3b5a9d

#9D7E3B

#9D4D3B

#8B9D3B

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

#3b5a9d

#4D3B9D

#7E3B9D

#9D3B8B

Shades

#3b5a9d Light Tints

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

#3B5A9D

#4F6BA7

#627BB1

#768CBA

#899CC4

#9DADCE

#B1BDD8

#C4CEE2

#D8DEEB

#EBEFF5

#3b5a9d Gray Shades

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

#3B5A9D

#425E9A

#496297

#506594

#576991

#5E6D8F

#64718C

#6B7589

#727886

#797C83

#3b5a9d Dark Shades

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

#3B5A9D

#35518D

#2F487E

#293F6E

#23365E

#1E2D4F

#18243F

#121B2F

#0C121F

#060910

#3b5a9d Red Shades

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

#3B5A9D

#4F518D

#62487E

#763F6E

#89365E

#9D2D4F

#B1243F

#C41B2F

#D8121F

#EB0910

#3b5a9d Green Shades

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

#3B5A9D

#355E8D

#2F627E

#29656E

#23695E

#1E6D4F

#18713F

#12752F

#0C781F

#067C10

#3b5a9d Blue Shades

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

#3B5A9D

#3551A7

#2F48B1

#293FBA

#2336C4

#1E2DCE

#1824D8

#121BE2

#0C12EB

#0609F5

Readability Analysis

#3b5a9d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.70	AA	Sample Text
Black	3.14	A	Sample Text
Red	1.68	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.28	Fail	Sample Text

#3b5a9d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.70	AA	Sample Text
Black	3.14	A	Sample Text
Red	1.68	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.28	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3e5a9c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#335c9b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2b617e`
Protanopia	No red perception - Dichromacy	`#3f5a9b`
Deuteranopia	No green perception - Dichromacy	`#2e5d9a`
Tritanopia	No blue perception - Dichromacy	`#22656d`
Achromatomaly	Partial color blindness - Monochromacy	`#4e5971`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#3b5a9d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b5a9d Light Tints

#3b5a9d Gray Shades

#3b5a9d Dark Shades

#3b5a9d Red Shades

#3b5a9d Green Shades

#3b5a9d Blue Shades

Readability Analysis

#3b5a9d as Text Color

#3b5a9d as Background Color

Color Blindness Simulation

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

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

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

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

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

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