0 views

#3f6ddc - Color Information

#3f6ddc

Base Information

HEX

#3f6ddc

RGB

63,109,220

HSL

222,69,55

HSV

222,71,86

CMYK

71,50,0,14

LAB

48,22,-61

LCH

48,65,289

XYZ

20,17,70

Web Safe

#3366cc

Web Smart

#4466dd

is dark

Yes

luminosity

0.1716

Pantone Color

Combinations

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

#3f6ddc

#DCAE3F

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

#3f6ddc

#DC603F

#BBDC3F

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

#3f6ddc

#DC3F6D

#6DDC3F

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

#3f6ddc

#DC3FBB

#DCAE3F

#3FDC60

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

#3f6ddc

#DCAE3F

#DC603F

#BBDC3F

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

#3f6ddc

#603FDC

#AE3FDC

#DC3FBB

Shades

#3f6ddc Light Tints

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

#3F6DDC

#527CE0

#658AE3

#7999E7

#8CA7EA

#9FB6EE

#B2C5F1

#C5D3F5

#D9E2F8

#ECF0FC

#3f6ddc Gray Shades

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

#3F6DDC

#466FD3

#4C71CA

#5373C0

#5975B7

#6077AE

#6678A5

#6D7A9C

#737C92

#7A7E89

#3f6ddc Dark Shades

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

#3F6DDC

#3962C6

#3257B0

#2C4C9A

#264184

#20376E

#192C58

#132142

#0D162C

#060B16

#3f6ddc Red Shades

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

#3F6DDC

#5262C6

#6557B0

#794C9A

#8C4184

#9F376E

#B22C58

#C52142

#D9162C

#EC0B16

#3f6ddc Green Shades

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

#3F6DDC

#396FC6

#3271B0

#2C739A

#267584

#20776E

#197858

#137A42

#0D7C2C

#067E16

#3f6ddc Blue Shades

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

#3F6DDC

#3962E0

#3257E3

#2C4CE7

#2641EA

#2037EE

#192CF1

#1321F5

#0D16F8

#060BFC

Readability Analysis

#3f6ddc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.74	AA	Sample Text
Black	4.43	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

#3f6ddc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.74	AA	Sample Text
Black	4.43	A	Sample Text
Red	1.18	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#336edd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1772d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1778a6`
Protanopia	No red perception - Dichromacy	`#2b6fdd`
Deuteranopia	No green perception - Dichromacy	`#0075ca`
Tritanopia	No blue perception - Dichromacy	`#007f88`
Achromatomaly	Partial color blindness - Monochromacy	`#5b6c94`
Achromatopsia	Complete color blindness - Monochromacy	`#6b6b6b`

#3f6ddc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f6ddc Light Tints

#3f6ddc Gray Shades

#3f6ddc Dark Shades

#3f6ddc Red Shades

#3f6ddc Green Shades

#3f6ddc Blue Shades

Readability Analysis

#3f6ddc as Text Color

#3f6ddc as Background Color

Color Blindness Simulation

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

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

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

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

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

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