0 views

#3b6487 - Color Information

#3b6487

Base Information

HEX

#3b6487

RGB

59,100,135

HSL

208,39,38

HSV

208,56,53

CMYK

56,26,0,47

LAB

41,-4,-24

LCH

41,24,262

XYZ

11,12,25

Web Safe

#336699

Web Smart

#336688

is dark

Yes

luminosity

0.1179

Pantone Color

Combinations

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

#3b6487

#875E3B

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

#3b6487

#873B3E

#87843B

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

#3b6487

#873B64

#64873B

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

#3b6487

#843B87

#875E3B

#3E873B

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

#3b6487

#875E3B

#873B3E

#87843B

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

#3b6487

#3B3E87

#5E3B87

#843B87

Shades

#3b6487 Light Tints

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

#3B6487

#4F7493

#62839F

#7693AB

#89A2B7

#9DB2C3

#B1C1CF

#C4D1DB

#D8E0E7

#EBF0F3

#3b6487 Gray Shades

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

#3B6487

#426786

#496A86

#506C85

#576F84

#5E7284

#647583

#6B7882

#727A81

#797D81

#3b6487 Dark Shades

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

#3B6487

#355A7A

#2F506C

#29465F

#233C51

#1E3244

#182836

#121E28

#0C141B

#060A0D

#3b6487 Red Shades

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

#3B6487

#4F5A7A

#62506C

#76465F

#893C51

#9D3244

#B12836

#C41E28

#D8141B

#EB0A0D

#3b6487 Green Shades

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

#3B6487

#35677A

#2F6A6C

#296C5F

#236F51

#1E7244

#187536

#127828

#0C7A1B

#067D0D

#3b6487 Blue Shades

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

#3B6487

#355A93

#2F509F

#2946AB

#233CB7

#1E32C3

#1828CF

#121EDB

#0C14E7

#060AF3

Readability Analysis

#3b6487 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.25	AA	Sample Text
Black	3.36	A	Sample Text
Red	1.56	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

#3b6487 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.25	AA	Sample Text
Black	3.36	A	Sample Text
Red	1.56	Fail	Sample Text
Green	1.22	Fail	Sample Text
Blue	1.37	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4c6184`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4a6187`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#366779`
Protanopia	No red perception - Dichromacy	`#565f83`
Deuteranopia	No green perception - Dichromacy	`#526088`
Tritanopia	No blue perception - Dichromacy	`#346870`
Achromatomaly	Partial color blindness - Monochromacy	`#51606d`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#3b6487 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b6487 Light Tints

#3b6487 Gray Shades

#3b6487 Dark Shades

#3b6487 Red Shades

#3b6487 Green Shades

#3b6487 Blue Shades

Readability Analysis

#3b6487 as Text Color

#3b6487 as Background Color

Color Blindness Simulation

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

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

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

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

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

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