0 views

#3d5f7a - Color Information

#3d5f7a

Base Information

HEX

#3d5f7a

RGB

61,95,122

HSL

207,33,36

HSV

207,50,48

CMYK

50,22,0,52

LAB

39,-4,-19

LCH

39,19,257

XYZ

10,11,20

Web Safe

#336666

Web Smart

#446677

is dark

Yes

luminosity

0.1058

Pantone Color

Combinations

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

#3d5f7a

#7A583D

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

#3d5f7a

#7A3D40

#7A773D

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

#3d5f7a

#7A3D5F

#5F7A3D

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

#3d5f7a

#763D7A

#7A583D

#407A3D

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

#3d5f7a

#7A583D

#7A3D40

#7A773D

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

#3d5f7a

#3D407A

#583D7A

#763D7A

Shades

#3d5f7a Light Tints

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

#3D5F7A

#506F87

#647F95

#778FA2

#8B9FAF

#9EAFBD

#B1BFCA

#C5CFD7

#D8DFE4

#ECEFF2

#3d5f7a Gray Shades

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

#3D5F7A

#44627B

#4A667B

#51697C

#586C7C

#5F707D

#65737E

#6C767E

#73797F

#797D7F

#3d5f7a Dark Shades

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

#3D5F7A

#37566E

#314C62

#2B4355

#253949

#1F303D

#182631

#121C25

#0C1318

#06090C

#3d5f7a Red Shades

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

#3D5F7A

#50566E

#644C62

#774355

#8B3949

#9E303D

#B12631

#C51C25

#D81318

#EC090C

#3d5f7a Green Shades

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

#3D5F7A

#37626E

#316662

#2B6955

#256C49

#1F703D

#187331

#127625

#0C7918

#067D0C

#3d5f7a Blue Shades

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

#3D5F7A

#375687

#314C95

#2B43A2

#2539AF

#1F30BD

#1826CA

#121CD7

#0C13E4

#0609F2

Readability Analysis

#3d5f7a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.74	AA	Sample Text
Black	3.12	A	Sample Text
Red	1.69	Fail	Sample Text
Green	1.31	Fail	Sample Text
Blue	1.28	Fail	Sample Text

#3d5f7a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.74	AA	Sample Text
Black	3.12	A	Sample Text
Red	1.69	Fail	Sample Text
Green	1.31	Fail	Sample Text
Blue	1.28	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4c5c78`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4b5c7b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3b6170`
Protanopia	No red perception - Dichromacy	`#545b76`
Deuteranopia	No green perception - Dichromacy	`#535b7b`
Tritanopia	No blue perception - Dichromacy	`#3a626a`
Achromatomaly	Partial color blindness - Monochromacy	`#4f5c65`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#3d5f7a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3d5f7a Light Tints

#3d5f7a Gray Shades

#3d5f7a Dark Shades

#3d5f7a Red Shades

#3d5f7a Green Shades

#3d5f7a Blue Shades

Readability Analysis

#3d5f7a as Text Color

#3d5f7a as Background Color

Color Blindness Simulation

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

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

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

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

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

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