0 views

#3b6adb - Color Information

#3b6adb

Base Information

HEX

#3b6adb

RGB

59,106,219

HSL

222,69,55

HSV

222,73,86

CMYK

73,52,0,14

LAB

47,23,-63

LCH

47,67,290

XYZ

20,16,69

Web Safe

#3366cc

Web Smart

#3366dd

is dark

Yes

luminosity

0.1635

Pantone Color

Combinations

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

#3b6adb

#DBAC3B

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

#3b6adb

#DB5C3B

#BADB3B

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

#3b6adb

#DB3B6A

#6ADB3B

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

#3b6adb

#DB3BBA

#DBAC3B

#3BDB5C

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

#3b6adb

#DBAC3B

#DB5C3B

#BADB3B

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

#3b6adb

#5C3BDB

#AC3BDB

#DB3BBA

Shades

#3b6adb Light Tints

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

#3B6ADB

#4F79DF

#6288E2

#7697E6

#89A6E9

#9DB5ED

#B1C3F1

#C4D2F4

#D8E1F8

#EBF0FB

#3b6adb Gray Shades

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

#3B6ADB

#426CD2

#496EC9

#5071C0

#5773B7

#5E75AE

#6477A4

#6B799B

#727C92

#797E89

#3b6adb Dark Shades

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

#3B6ADB

#355FC5

#2F55AF

#294A99

#234083

#1E356E

#182A58

#122042

#0C152C

#060B16

#3b6adb Red Shades

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

#3B6ADB

#4F5FC5

#6255AF

#764A99

#894083

#9D356E

#B12A58

#C42042

#D8152C

#EB0B16

#3b6adb Green Shades

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

#3B6ADB

#356CC5

#2F6EAF

#297199

#237383

#1E756E

#187758

#127942

#0C7C2C

#067E16

#3b6adb Blue Shades

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

#3B6ADB

#355FDF

#2F55E2

#294AE6

#2340E9

#1E35ED

#182AF1

#1220F4

#0C15F8

#060BFB

Readability Analysis

#3b6adb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.92	AA	Sample Text
Black	4.27	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.75	Fail	Sample Text

#3b6adb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.92	AA	Sample Text
Black	4.27	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.75	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2a6bdc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#156fcd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1575a4`
Protanopia	No red perception - Dichromacy	`#216cdd`
Deuteranopia	No green perception - Dichromacy	`#0072c5`
Tritanopia	No blue perception - Dichromacy	`#007c85`
Achromatomaly	Partial color blindness - Monochromacy	`#586992`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#3b6adb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b6adb Light Tints

#3b6adb Gray Shades

#3b6adb Dark Shades

#3b6adb Red Shades

#3b6adb Green Shades

#3b6adb Blue Shades

Readability Analysis

#3b6adb as Text Color

#3b6adb as Background Color

Color Blindness Simulation

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

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

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

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

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

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