0 views

#3e6ddf - Color Information

#3e6ddf

Base Information

HEX

#3e6ddf

RGB

62,109,223

HSL

222,72,56

HSV

222,72,87

CMYK

72,51,0,13

LAB

49,23,-63

LCH

49,67,290

XYZ

21,17,72

Web Safe

#3366cc

Web Smart

#4466dd

is dark

Yes

luminosity

0.1729

Pantone Color

Combinations

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

#3e6ddf

#DFB03E

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

#3e6ddf

#DF603E

#BDDF3E

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

#3e6ddf

#DF3E6D

#6DDF3E

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

#3e6ddf

#DF3EBD

#DFB03E

#3EDF60

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

#3e6ddf

#DFB03E

#DF603E

#BDDF3E

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

#3e6ddf

#603EDF

#B03EDF

#DF3EBD

Shades

#3e6ddf Light Tints

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

#3E6DDF

#517CE2

#658AE5

#7899E9

#8BA7EC

#9FB6EF

#B2C5F2

#C5D3F5

#D8E2F9

#ECF0FC

#3e6ddf Gray Shades

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

#3E6DDF

#456FD6

#4B71CC

#5273C3

#5875B9

#5F77B0

#6678A6

#6C7A9D

#737C93

#797E8A

#3e6ddf Dark Shades

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

#3E6DDF

#3862C9

#3257B2

#2B4C9C

#254186

#1F3770

#192C59

#132143

#0C162D

#060B16

#3e6ddf Red Shades

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

#3E6DDF

#5162C9

#6557B2

#784C9C

#8B4186

#9F3770

#B22C59

#C52143

#D8162D

#EC0B16

#3e6ddf Green Shades

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

#3E6DDF

#386FC9

#3271B2

#2B739C

#257586

#1F7770

#197859

#137A43

#0C7C2D

#067E16

#3e6ddf Blue Shades

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

#3E6DDF

#3862E2

#3257E5

#2B4CE9

#2541EC

#1F37EF

#192CF2

#1321F5

#0C16F9

#060BFC

Readability Analysis

#3e6ddf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.71	AA	Sample Text
Black	4.46	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

#3e6ddf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.71	AA	Sample Text
Black	4.46	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.09	Fail	Sample Text
Blue	1.82	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2f6ee0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1772d2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1779a8`
Protanopia	No red perception - Dichromacy	`#266fe1`
Deuteranopia	No green perception - Dichromacy	`#0075ca`
Tritanopia	No blue perception - Dichromacy	`#007f88`
Achromatomaly	Partial color blindness - Monochromacy	`#5b6c95`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#3e6ddf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3e6ddf Light Tints

#3e6ddf Gray Shades

#3e6ddf Dark Shades

#3e6ddf Red Shades

#3e6ddf Green Shades

#3e6ddf Blue Shades

Readability Analysis

#3e6ddf as Text Color

#3e6ddf as Background Color

Color Blindness Simulation

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

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

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

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

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

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