0 views

#3f67a6 - Color Information

#3f67a6

Base Information

HEX

#3f67a6

RGB

63,103,166

HSL

217,45,45

HSV

217,62,65

CMYK

62,38,0,35

LAB

44,6,-38

LCH

44,39,279

XYZ

14,14,38

Web Safe

#336699

Web Smart

#4466aa

is dark

Yes

luminosity

0.1351

Pantone Color

Combinations

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

#3f67a6

#A67E3F

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

#3f67a6

#A64B3F

#9AA63F

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

#3f67a6

#A63F67

#67A63F

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

#3f67a6

#A63F9A

#A67E3F

#3FA64B

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

#3f67a6

#A67E3F

#A64B3F

#9AA63F

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

#3f67a6

#4B3FA6

#7E3FA6

#A63F9A

Shades

#3f67a6 Light Tints

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

#3F67A6

#5276AF

#6585B8

#7995C1

#8CA4CA

#9FB3D3

#B2C2DB

#C5D1E4

#D9E1ED

#ECF0F6

#3f67a6 Gray Shades

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

#3F67A6

#466AA2

#4C6C9E

#536F9B

#597197

#607493

#66768F

#6D798B

#737B88

#7A7E84

#3f67a6 Dark Shades

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

#3F67A6

#395D95

#325285

#2C4874

#263E64

#203453

#192942

#131F32

#0D1521

#060A11

#3f67a6 Red Shades

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

#3F67A6

#525D95

#655285

#794874

#8C3E64

#9F3453

#B22942

#C51F32

#D91521

#EC0A11

#3f67a6 Green Shades

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

#3F67A6

#396A95

#326C85

#2C6F74

#267164

#207453

#197642

#137932

#0D7B21

#067E11

#3f67a6 Blue Shades

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

#3F67A6

#395DAF

#3252B8

#2C48C1

#263ECA

#2034D3

#1929DB

#131FE4

#0D15ED

#060AF6

Readability Analysis

#3f67a6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.67	AA	Sample Text
Black	3.70	A	Sample Text
Red	1.42	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.51	Fail	Sample Text

#3f67a6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.67	AA	Sample Text
Black	3.70	A	Sample Text
Red	1.42	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.51	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4866a4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4067a5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#306d89`
Protanopia	No red perception - Dichromacy	`#4e65a3`
Deuteranopia	No green perception - Dichromacy	`#4067a4`
Tritanopia	No blue perception - Dichromacy	`#287079`
Achromatomaly	Partial color blindness - Monochromacy	`#56647b`
Achromatopsia	Complete color blindness - Monochromacy	`#636363`

#3f67a6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f67a6 Light Tints

#3f67a6 Gray Shades

#3f67a6 Dark Shades

#3f67a6 Red Shades

#3f67a6 Green Shades

#3f67a6 Blue Shades

Readability Analysis

#3f67a6 as Text Color

#3f67a6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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