0 views

#3a6ebb - Color Information

#3a6ebb

Base Information

HEX

#3a6ebb

RGB

58,110,187

HSL

216,53,48

HSV

216,69,73

CMYK

69,41,0,27

LAB

46,8,-46

LCH

46,46,280

XYZ

16,16,49

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1564

Pantone Color

Combinations

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

#3a6ebb

#BB873A

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

#3a6ebb

#BB473A

#AEBB3A

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

#3a6ebb

#BB3A6E

#6EBB3A

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

#3a6ebb

#BB3AAE

#BB873A

#3ABB47

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

#3a6ebb

#BB873A

#BB473A

#AEBB3A

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

#3a6ebb

#473ABB

#873ABB

#BB3AAE

Shades

#3a6ebb Light Tints

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

#3A6EBB

#4E7DC2

#618BC9

#759ACF

#89A8D6

#9DB7DD

#B0C5E4

#C4D4EB

#D8E2F1

#EBF1F8

#3a6ebb Gray Shades

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

#3A6EBB

#4170B5

#4872AF

#4F73A9

#5675A3

#5D779E

#647998

#6B7B92

#727C8C

#797E86

#3a6ebb Dark Shades

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

#3A6EBB

#3463A8

#2E5896

#294D83

#234270

#1D375E

#172C4B

#112138

#0C1625

#060B13

#3a6ebb Red Shades

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

#3A6EBB

#4E63A8

#615896

#754D83

#894270

#9D375E

#B02C4B

#C42138

#D81625

#EB0B13

#3a6ebb Green Shades

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

#3A6EBB

#3470A8

#2E7296

#297383

#237570

#1D775E

#17794B

#117B38

#0C7C25

#067E13

#3a6ebb Blue Shades

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

#3A6EBB

#3463C2

#2E58C9

#294DCF

#2342D6

#1D37DD

#172CE4

#1121EB

#0C16F1

#060BF8

Readability Analysis

#3a6ebb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.09	AA	Sample Text
Black	4.13	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

#3a6ebb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.09	AA	Sample Text
Black	4.13	A	Sample Text
Red	1.27	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.69	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#456cb9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#366fba`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#157597`
Protanopia	No red perception - Dichromacy	`#4c6bb8`
Deuteranopia	No green perception - Dichromacy	`#346fb9`
Tritanopia	No blue perception - Dichromacy	`#007983`
Achromatomaly	Partial color blindness - Monochromacy	`#586b87`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#3a6ebb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a6ebb Light Tints

#3a6ebb Gray Shades

#3a6ebb Dark Shades

#3a6ebb Red Shades

#3a6ebb Green Shades

#3a6ebb Blue Shades

Readability Analysis

#3a6ebb as Text Color

#3a6ebb as Background Color

Color Blindness Simulation

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

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

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

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

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

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