0 views

#3b5fdd - Color Information

#3b5fdd

Base Information

HEX

#3b5fdd

RGB

59,95,221

HSL

227,70,55

HSV

227,73,87

CMYK

73,57,0,13

LAB

45,30,-68

LCH

45,75,294

XYZ

19,14,70

Web Safe

#3366cc

Web Smart

#3366dd

is dark

Yes

luminosity

0.1433

Pantone Color

Combinations

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

#3b5fdd

#DDB93B

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

#3b5fdd

#DD683B

#B0DD3B

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

#3b5fdd

#DD3B5F

#5FDD3B

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

#3b5fdd

#DD3BB0

#DDB93B

#3BDD68

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

#3b5fdd

#DDB93B

#DD683B

#B0DD3B

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

#3b5fdd

#683BDD

#B93BDD

#DD3BB0

Shades

#3b5fdd Light Tints

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

#3B5FDD

#4F6FE0

#627FE4

#768FE7

#899FEB

#9DAFEE

#B1BFF1

#C4CFF5

#D8DFF8

#EBEFFC

#3b5fdd Gray Shades

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

#3B5FDD

#4262D4

#4966CA

#5069C1

#576CB8

#5E70AF

#6473A5

#6B769C

#727993

#797D89

#3b5fdd Dark Shades

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

#3B5FDD

#3556C7

#2F4CB1

#29439B

#233985

#1E306F

#182658

#121C42

#0C132C

#060916

#3b5fdd Red Shades

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

#3B5FDD

#4F56C7

#624CB1

#76439B

#893985

#9D306F

#B12658

#C41C42

#D8132C

#EB0916

#3b5fdd Green Shades

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

#3B5FDD

#3562C7

#2F66B1

#29699B

#236C85

#1E706F

#187358

#127642

#0C792C

#067D16

#3b5fdd Blue Shades

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

#3B5FDD

#3556E0

#2F4CE4

#2943E7

#2339EB

#1E30EE

#1826F1

#121CF5

#0C13F8

#0609FC

Readability Analysis

#3b5fdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.43	AA	Sample Text
Black	3.87	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

#3b5fdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.43	AA	Sample Text
Black	3.87	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1563d7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1567c5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156da0`
Protanopia	No red perception - Dichromacy	`#0066d4`
Deuteranopia	No green perception - Dichromacy	`#006cb8`
Tritanopia	No blue perception - Dichromacy	`#00757d`
Achromatomaly	Partial color blindness - Monochromacy	`#53608e`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3b5fdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b5fdd Light Tints

#3b5fdd Gray Shades

#3b5fdd Dark Shades

#3b5fdd Red Shades

#3b5fdd Green Shades

#3b5fdd Blue Shades

Readability Analysis

#3b5fdd as Text Color

#3b5fdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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