0 views

#3a6fcc - Color Information

#3a6fcc

Base Information

HEX

#3a6fcc

RGB

58,111,204

HSL

218,59,51

HSV

218,72,80

CMYK

72,46,0,20

LAB

48,14,-53

LCH

48,55,285

XYZ

18,17,59

Web Safe

#3366cc

Web Smart

#3377cc

is dark

Yes

luminosity

0.1663

Pantone Color

Combinations

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

#3a6fcc

#CC973A

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

#3a6fcc

#CC4E3A

#B8CC3A

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

#3a6fcc

#CC3A6F

#6FCC3A

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

#3a6fcc

#CC3AB8

#CC973A

#3ACC4E

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

#3a6fcc

#CC973A

#CC4E3A

#B8CC3A

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

#3a6fcc

#4E3ACC

#973ACC

#CC3AB8

Shades

#3a6fcc Light Tints

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

#3A6FCC

#4E7DD1

#618CD6

#759ADB

#89A9E0

#9DB7E6

#B0C5EB

#C4D4F0

#D8E2F5

#EBF1FA

#3a6fcc Gray Shades

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

#3A6FCC

#4171C4

#4872BD

#4F74B5

#5676AE

#5D78A6

#64799E

#6B7B97

#727D8F

#797E88

#3a6fcc Dark Shades

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

#3A6FCC

#3464B8

#2E59A3

#294E8F

#23437A

#1D3866

#172C52

#11213D

#0C1629

#060B14

#3a6fcc Red Shades

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

#3A6FCC

#4E64B8

#6159A3

#754E8F

#89437A

#9D3866

#B02C52

#C4213D

#D81629

#EB0B14

#3a6fcc Green Shades

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

#3A6FCC

#3471B8

#2E72A3

#29748F

#23767A

#1D7866

#177952

#117B3D

#0C7D29

#067E14

#3a6fcc Blue Shades

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

#3A6FCC

#3464D1

#2E59D6

#294EDB

#2343E0

#1D38E6

#172CEB

#1121F0

#0C16F5

#060BFA

Readability Analysis

#3a6fcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#3a6fcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	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	`#3f6ecb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1971ca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1578a0`
Protanopia	No red perception - Dichromacy	`#426eca`
Deuteranopia	No green perception - Dichromacy	`#0673c9`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#596c8e`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#3a6fcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a6fcc Light Tints

#3a6fcc Gray Shades

#3a6fcc Dark Shades

#3a6fcc Red Shades

#3a6fcc Green Shades

#3a6fcc Blue Shades

Readability Analysis

#3a6fcc as Text Color

#3a6fcc as Background Color

Color Blindness Simulation

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

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

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

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

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

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