0 views

#3b5de9 - Color Information

#3b5de9

Base Information

HEX

#3b5de9

RGB

59,93,233

HSL

228,80,57

HSV

228,75,91

CMYK

75,60,0,9

LAB

45,36,-74

LCH

45,82,296

XYZ

20,15,79

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1464

Pantone Color

Combinations

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

#3b5de9

#E9C73B

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

#3b5de9

#E9703B

#B4E93B

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

#3b5de9

#E93B5D

#5DE93B

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

#3b5de9

#E93BB4

#E9C73B

#3BE970

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

#3b5de9

#E9C73B

#E9703B

#B4E93B

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

#3b5de9

#703BE9

#C73BE9

#E93BB4

Shades

#3b5de9 Light Tints

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

#3B5DE9

#4F6DEB

#627DED

#768EF0

#899EF2

#9DAEF4

#B1BEF6

#C4CEF8

#D8DFFB

#EBEFFD

#3b5de9 Gray Shades

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

#3B5DE9

#4261DF

#4964D4

#5068CA

#576BBF

#5E6FB5

#6472AA

#6B76A0

#727995

#797D8B

#3b5de9 Dark Shades

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

#3B5DE9

#3554D2

#2F4ABA

#2941A3

#23388C

#1E2F75

#18255D

#121C46

#0C132F

#060917

#3b5de9 Red Shades

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

#3B5DE9

#4F54D2

#624ABA

#7641A3

#89388C

#9D2F75

#B1255D

#C41C46

#D8132F

#EB0917

#3b5de9 Green Shades

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

#3B5DE9

#3561D2

#2F64BA

#2968A3

#236B8C

#1E6F75

#18725D

#127646

#0C792F

#067D17

#3b5de9 Blue Shades

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

#3B5DE9

#3554EB

#2F4AED

#2941F0

#2338F2

#1E2FF4

#1825F6

#121CF8

#0C13FB

#0609FD

Readability Analysis

#3b5de9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

#3b5de9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.35	AA	Sample Text
Black	3.93	A	Sample Text
Red	1.34	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.61	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1563dd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1567ca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156da5`
Protanopia	No red perception - Dichromacy	`#0067d6`
Deuteranopia	No green perception - Dichromacy	`#006db8`
Tritanopia	No blue perception - Dichromacy	`#00767d`
Achromatomaly	Partial color blindness - Monochromacy	`#525f92`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3b5de9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b5de9 Light Tints

#3b5de9 Gray Shades

#3b5de9 Dark Shades

#3b5de9 Red Shades

#3b5de9 Green Shades

#3b5de9 Blue Shades

Readability Analysis

#3b5de9 as Text Color

#3b5de9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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