0 views

#3a66c0 - Color Information

#3a66c0

Base Information

HEX

#3a66c0

RGB

58,102,192

HSL

220,54,49

HSV

220,70,75

CMYK

70,47,0,25

LAB

45,15,-52

LCH

45,54,286

XYZ

16,14,52

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1421

Pantone Color

Combinations

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

#3a66c0

#C0943A

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

#3a66c0

#C0513A

#A9C03A

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

#3a66c0

#C03A66

#66C03A

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

#3a66c0

#C03AA9

#C0943A

#3AC051

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

#3a66c0

#C0943A

#C0513A

#A9C03A

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

#3a66c0

#513AC0

#943AC0

#C03AA9

Shades

#3a66c0 Light Tints

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

#3A66C0

#4E75C6

#6185CD

#7594D3

#89A3D9

#9DB3E0

#B0C2E6

#C4D1EC

#D8E0F2

#EBF0F9

#3a66c0 Gray Shades

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

#3A66C0

#4169BA

#486BB3

#4F6EAD

#5670A6

#5D73A0

#64769A

#6B7893

#727B8D

#797D86

#3a66c0 Dark Shades

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

#3A66C0

#345CAD

#2E529A

#294786

#233D73

#1D3360

#17294D

#111F3A

#0C1426

#060A13

#3a66c0 Red Shades

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

#3A66C0

#4E5CAD

#61529A

#754786

#893D73

#9D3360

#B0294D

#C41F3A

#D81426

#EB0A13

#3a66c0 Green Shades

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

#3A66C0

#3469AD

#2E6B9A

#296E86

#237073

#1D7360

#17764D

#11783A

#0C7B26

#067D13

#3a66c0 Blue Shades

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

#3A66C0

#345CC6

#2E52CD

#2947D3

#233DD9

#1D33E0

#1729E6

#111FEC

#0C14F2

#060AF9

Readability Analysis

#3a66c0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.47	AA	Sample Text
Black	3.84	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.57	Fail	Sample Text

#3a66c0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.47	AA	Sample Text
Black	3.84	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.57	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3a66bf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1569bd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156f95`
Protanopia	No red perception - Dichromacy	`#3a66bf`
Deuteranopia	No green perception - Dichromacy	`#006bbb`
Tritanopia	No blue perception - Dichromacy	`#00747d`
Achromatomaly	Partial color blindness - Monochromacy	`#546485`
Achromatopsia	Complete color blindness - Monochromacy	`#636363`

#3a66c0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a66c0 Light Tints

#3a66c0 Gray Shades

#3a66c0 Dark Shades

#3a66c0 Red Shades

#3a66c0 Green Shades

#3a66c0 Blue Shades

Readability Analysis

#3a66c0 as Text Color

#3a66c0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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