0 views

#3f6adf - Color Information

#3f6adf

Base Information

HEX

#3f6adf

RGB

63,106,223

HSL

224,71,56

HSV

224,72,87

CMYK

72,52,0,13

LAB

48,25,-64

LCH

48,69,291

XYZ

21,17,72

Web Safe

#3366cc

Web Smart

#4466dd

is dark

Yes

luminosity

0.1669

Pantone Color

Combinations

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

#3f6adf

#DFB43F

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

#3f6adf

#DF643F

#BADF3F

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

#3f6adf

#DF3F6A

#6ADF3F

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

#3f6adf

#DF3FBA

#DFB43F

#3FDF64

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

#3f6adf

#DFB43F

#DF643F

#BADF3F

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

#3f6adf

#643FDF

#B43FDF

#DF3FBA

Shades

#3f6adf Light Tints

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

#3F6ADF

#5279E2

#6588E5

#7997E9

#8CA6EC

#9FB5EF

#B2C3F2

#C5D2F5

#D9E1F9

#ECF0FC

#3f6adf Gray Shades

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

#3F6ADF

#466CD6

#4C6ECC

#5371C3

#5973B9

#6075B0

#6677A6

#6D799D

#737C93

#7A7E8A

#3f6adf Dark Shades

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

#3F6ADF

#395FC9

#3255B2

#2C4A9C

#264086

#203570

#192A59

#132043

#0D152D

#060B16

#3f6adf Red Shades

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

#3F6ADF

#525FC9

#6555B2

#794A9C

#8C4086

#9F3570

#B22A59

#C52043

#D9152D

#EC0B16

#3f6adf Green Shades

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

#3F6ADF

#396CC9

#326EB2

#2C719C

#267386

#207570

#197759

#137943

#0D7C2D

#067E16

#3f6adf Blue Shades

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

#3F6ADF

#395FE2

#3255E5

#2C4AE9

#2640EC

#2035EF

#192AF2

#1320F5

#0D15F9

#060BFC

Readability Analysis

#3f6adf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.84	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

#3f6adf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.84	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#266ce1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1770cf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1776a6`
Protanopia	No red perception - Dichromacy	`#176de2`
Deuteranopia	No green perception - Dichromacy	`#0074c6`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#5a6a94`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#3f6adf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f6adf Light Tints

#3f6adf Gray Shades

#3f6adf Dark Shades

#3f6adf Red Shades

#3f6adf Green Shades

#3f6adf Blue Shades

Readability Analysis

#3f6adf as Text Color

#3f6adf as Background Color

Color Blindness Simulation

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

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

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

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

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

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