0 views

#3f45ea - Color Information

#3f45ea

Base Information

HEX

#3f45ea

RGB

63,69,234

HSL

238,80,58

HSV

238,73,92

CMYK

73,71,0,8

LAB

40,51,-83

LCH

40,98,302

XYZ

19,11,79

Web Safe

#3333ff

Web Smart

#4444ee

is dark

Yes

luminosity

0.1125

Pantone Color

Combinations

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

#3f45ea

#EAE43F

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

#3f45ea

#EA8E3F

#9BEA3F

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

#3f45ea

#EA3F45

#45EA3F

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

#3f45ea

#EA3F9B

#EAE43F

#3FEA8E

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

#3f45ea

#EAE43F

#EA8E3F

#9BEA3F

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

#3f45ea

#8E3FEA

#E43FEA

#EA3F9B

Shades

#3f45ea Light Tints

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

#3F45EA

#5258EC

#656AEE

#797DF0

#8C8FF2

#9FA2F5

#B2B5F7

#C5C7F9

#D9DAFB

#ECECFD

#3f45ea Gray Shades

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

#3F45EA

#464BDF

#4C51D5

#5357CA

#595DC0

#6063B5

#6668AA

#6D6EA0

#737495

#7A7A8B

#3f45ea Dark Shades

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

#3F45EA

#393ED3

#3237BB

#2C30A4

#26298C

#202375

#191C5E

#131546

#0D0E2F

#060717

#3f45ea Red Shades

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

#3F45EA

#523ED3

#6537BB

#7930A4

#8C298C

#9F2375

#B21C5E

#C51546

#D90E2F

#EC0717

#3f45ea Green Shades

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

#3F45EA

#394BD3

#3251BB

#2C57A4

#265D8C

#206375

#19685E

#136E46

#0D742F

#067A17

#3f45ea Blue Shades

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

#3F45EA

#393EEC

#3237EE

#2C30F0

#2629F2

#2023F5

#191CF7

#1315F9

#0D0EFB

#0607FD

Readability Analysis

#3f45ea as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.46	AA	Sample Text
Black	3.25	A	Sample Text
Red	1.62	Fail	Sample Text
Green	1.26	Fail	Sample Text
Blue	1.33	Fail	Sample Text

#3f45ea as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.46	AA	Sample Text
Black	3.25	A	Sample Text
Red	1.62	Fail	Sample Text
Green	1.26	Fail	Sample Text
Blue	1.33	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1753ce`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1757bc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#175c9c`
Protanopia	No red perception - Dichromacy	`#005cbd`
Deuteranopia	No green perception - Dichromacy	`#0061a2`
Tritanopia	No blue perception - Dichromacy	`#00696f`
Achromatomaly	Partial color blindness - Monochromacy	`#4a4c88`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#3f45ea - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f45ea Light Tints

#3f45ea Gray Shades

#3f45ea Dark Shades

#3f45ea Red Shades

#3f45ea Green Shades

#3f45ea Blue Shades

Readability Analysis

#3f45ea as Text Color

#3f45ea as Background Color

Color Blindness Simulation

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

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

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

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

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

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