1 views

#3d45fb - Color Information

#3d45fb

Base Information

HEX

#3d45fb

RGB

61,69,251

HSL

237,96,61

HSV

237,76,98

CMYK

76,73,0,2

LAB

42,56,-90

LCH

42,106,302

XYZ

21,12,92

Web Safe

#3333ff

Web Smart

#4444ff

luminosity

0.1221

is dark color

Yes

Generate #3d45fb solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#3d45fb

#FBF33D

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

#3d45fb

#FB943D

#A4FB3D

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

#3d45fb

#FB3D45

#45FB3D

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

#3d45fb

#FB3DA4

#FBF33D

#3DFB94

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

#3d45fb

#FBF33D

#FB943D

#A4FB3D

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

#3d45fb

#943DFB

#F33DFB

#FB3DA4

Shades

#3d45fb Light Tints

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

#3D45FB

#5058FB

#646AFC

#777DFC

#8B8FFD

#9EA2FD

#B1B5FD

#C5C7FE

#D8DAFE

#ECECFF

#3d45fb Gray Shades

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

#3D45FB

#444BEF

#4A51E2

#5157D6

#585DCA

#5F63BE

#6568B1

#6C6EA5

#737499

#797A8C

#3d45fb Dark Shades

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

#3D45FB

#373EE2

#3137C9

#2B30B0

#252997

#1F237E

#181C64

#12154B

#0C0E32

#060719

#3d45fb Red Shades

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

#3D45FB

#503EE2

#6437C9

#7730B0

#8B2997

#9E237E

#B11C64

#C5154B

#D80E32

#EC0719

#3d45fb Green Shades

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

#3D45FB

#374BE2

#3151C9

#2B57B0

#255D97

#1F637E

#186864

#126E4B

#0C7432

#067A19

#3d45fb Blue Shades

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

#3D45FB

#373EFB

#3137FC

#2B30FC

#2529FD

#1F23FD

#181CFD

#1215FE

#0C0EFE

#0607FF

Readability Analysis

#3d45fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.10	AA	Sample Text
Black	3.44	A	Sample Text
Red	1.53	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

#3d45fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.10	AA	Sample Text
Black	3.44	A	Sample Text
Red	1.53	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1656d8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1659c6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#165ea4`
Protanopia	No red perception - Dichromacy	`#005fc4`
Deuteranopia	No green perception - Dichromacy	`#0065a8`
Tritanopia	No blue perception - Dichromacy	`#006d73`
Achromatomaly	Partial color blindness - Monochromacy	`#494c8e`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#3d45fb Color Code

Name	Code
#3d45fb css background color code	`.bg { background-color: #3d45fb; }`
#3d45fb css text color code	`.text { color: #3d45fb; }`
#3d45fb css border color code	`.border { border-color: #3d45fb; }`

#3d45fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #3d45fb solid background color

Combinations

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

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

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

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

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

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

Shades

#3d45fb Light Tints

#3d45fb Gray Shades

#3d45fb Dark Shades

#3d45fb Red Shades

#3d45fb Green Shades

#3d45fb Blue Shades

Readability Analysis

#3d45fb as Text Color

#3d45fb as Background Color

Color Blindness Simulation

#3d45fb Color Code

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

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

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

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

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

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