0 views

#3b5be6 - Color Information

#3b5be6

Base Information

HEX

#3b5be6

RGB

59,91,230

HSL

229,77,57

HSV

229,74,90

CMYK

74,60,0,10

LAB

44,36,-74

LCH

44,82,296

XYZ

20,14,77

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1413

Pantone Color

Combinations

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

#3b5be6

#E6C63B

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

#3b5be6

#E6713B

#B0E63B

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

#3b5be6

#E63B5B

#5BE63B

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

#3b5be6

#E63BB0

#E6C63B

#3BE671

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

#3b5be6

#E6C63B

#E6713B

#B0E63B

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

#3b5be6

#713BE6

#C63BE6

#E63BB0

Shades

#3b5be6 Light Tints

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

#3B5BE6

#4F6BE9

#627CEB

#768CEE

#899DF0

#9DADF3

#B1BDF5

#C4CEF8

#D8DEFA

#EBEFFD

#3b5be6 Gray Shades

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

#3B5BE6

#425FDC

#4962D2

#5066C7

#576ABD

#5E6EB3

#6471A9

#6B759F

#727994

#797C8A

#3b5be6 Dark Shades

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

#3B5BE6

#3552CF

#2F49B8

#2940A1

#23378A

#1E2E73

#18245C

#121B45

#0C122E

#060917

#3b5be6 Red Shades

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

#3B5BE6

#4F52CF

#6249B8

#7640A1

#89378A

#9D2E73

#B1245C

#C41B45

#D8122E

#EB0917

#3b5be6 Green Shades

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

#3B5BE6

#355FCF

#2F62B8

#2966A1

#236A8A

#1E6E73

#18715C

#127545

#0C792E

#067C17

#3b5be6 Blue Shades

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

#3B5BE6

#3552E9

#2F49EB

#2940EE

#2337F0

#1E2EF3

#1824F5

#121BF8

#0C12FA

#0609FD

Readability Analysis

#3b5be6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.49	AA	Sample Text
Black	3.83	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.57	Fail	Sample Text

#3b5be6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.49	AA	Sample Text
Black	3.83	A	Sample Text
Red	1.37	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.57	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1562da`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1566c7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156ba2`
Protanopia	No red perception - Dichromacy	`#0065d3`
Deuteranopia	No green perception - Dichromacy	`#006cb5`
Tritanopia	No blue perception - Dichromacy	`#00747b`
Achromatomaly	Partial color blindness - Monochromacy	`#515d90`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#3b5be6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b5be6 Light Tints

#3b5be6 Gray Shades

#3b5be6 Dark Shades

#3b5be6 Red Shades

#3b5be6 Green Shades

#3b5be6 Blue Shades

Readability Analysis

#3b5be6 as Text Color

#3b5be6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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