0 views

#3a6baf - Color Information

#3a6baf

Base Information

HEX

#3a6baf

RGB

58,107,175

HSL

215,50,46

HSV

215,67,69

CMYK

67,39,0,31

LAB

45,6,-41

LCH

45,42,278

XYZ

15,15,43

Web Safe

#336699

Web Smart

#3366aa

is dark

Yes

luminosity

0.1451

Pantone Color

Combinations

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

#3a6baf

#AF7E3A

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

#3a6baf

#AF443A

#A5AF3A

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

#3a6baf

#AF3A6B

#6BAF3A

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

#3a6baf

#AF3AA5

#AF7E3A

#3AAF44

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

#3a6baf

#AF7E3A

#AF443A

#A5AF3A

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

#3a6baf

#443AAF

#7E3AAF

#AF3AA5

Shades

#3a6baf Light Tints

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

#3A6BAF

#4E7AB7

#6189BF

#7597C7

#89A6CF

#9DB5D7

#B0C4DF

#C4D3E7

#D8E1EF

#EBF0F7

#3a6baf Gray Shades

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

#3A6BAF

#416DAA

#486FA6

#4F71A1

#56739C

#5D7698

#647893

#6B7A8E

#727C89

#797E85

#3a6baf Dark Shades

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

#3A6BAF

#34609E

#2E568C

#294B7A

#234069

#1D3658

#172B46

#112034

#0C1523

#060B11

#3a6baf Red Shades

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

#3A6BAF

#4E609E

#61568C

#754B7A

#894069

#9D3658

#B02B46

#C42034

#D81523

#EB0B11

#3a6baf Green Shades

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

#3A6BAF

#346D9E

#2E6F8C

#29717A

#237369

#1D7658

#177846

#117A34

#0C7C23

#067E11

#3a6baf Blue Shades

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

#3A6BAF

#3460B7

#2E56BF

#294BC7

#2340CF

#1D36D7

#172BDF

#1120E7

#0C15EF

#060BF7

Readability Analysis

#3a6baf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.38	AA	Sample Text
Black	3.90	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#3a6baf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.38	AA	Sample Text
Black	3.90	A	Sample Text
Red	1.35	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	`#4769ad`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3c6bae`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#237190`
Protanopia	No red perception - Dichromacy	`#4e68ab`
Deuteranopia	No green perception - Dichromacy	`#3c6bae`
Tritanopia	No blue perception - Dichromacy	`#16757e`
Achromatomaly	Partial color blindness - Monochromacy	`#566780`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#3a6baf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a6baf Light Tints

#3a6baf Gray Shades

#3a6baf Dark Shades

#3a6baf Red Shades

#3a6baf Green Shades

#3a6baf Blue Shades

Readability Analysis

#3a6baf as Text Color

#3a6baf as Background Color

Color Blindness Simulation

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

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

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

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

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

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