0 views

#356d4d - Color Information

#356d4d

Base Information

HEX

#356d4d

RGB

53,109,77

HSL

146,35,32

HSV

146,51,43

CMYK

51,0,29,57

LAB

42,-27,12

LCH

42,29,155

XYZ

8,12,9

Web Safe

#336666

Web Smart

#336655

is dark

Yes

luminosity

0.1223

Pantone Color

Combinations

#356d4d complementary
Colors that are opposite to each other, forming a contrasting pair.

#356d4d

#6D3555

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

#356d4d

#69356D

#6D3539

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

#356d4d

#4D356D

#6D4D35

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

#356d4d

#35396D

#6D3555

#6D6935

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

#356d4d

#6D3555

#69356D

#6D3539

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

#356d4d

#356D69

#35556D

#35396D

Shades

#356d4d Light Tints

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

#356D4D

#497C5F

#5D8A71

#729982

#86A794

#9AB6A6

#AEC5B8

#C2D3CA

#D7E2DB

#EBF0ED

#356d4d Gray Shades

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

#356D4D

#3D6F52

#447157

#4C735C

#537561

#5B7767

#62786C

#6A7A71

#717C76

#797E7B

#356d4d Dark Shades

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

#356D4D

#306245

#2A573E

#254C36

#20412E

#1B3727

#152C1F

#102117

#0B160F

#050B08

#356d4d Red Shades

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

#356D4D

#496245

#5D573E

#724C36

#86412E

#9A3727

#AE2C1F

#C22117

#D7160F

#EB0B08

#356d4d Green Shades

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

#356D4D

#306F45

#2A713E

#257336

#20752E

#1B7727

#15781F

#107A17

#0B7C0F

#057E08

#356d4d Blue Shades

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

#356D4D

#30625F

#2A5771

#254C82

#204194

#1B37A6

#152CB8

#1021CA

#0B16DB

#050BED

Readability Analysis

#356d4d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.09	AA	Sample Text
Black	3.45	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.41	Fail	Sample Text

#356d4d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.09	AA	Sample Text
Black	3.45	A	Sample Text
Red	1.52	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	`#56664b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5c6451`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3d6a63`
Protanopia	No red perception - Dichromacy	`#69624a`
Deuteranopia	No green perception - Dichromacy	`#725e53`
Tritanopia	No blue perception - Dichromacy	`#426870`
Achromatomaly	Partial color blindness - Monochromacy	`#506458`
Achromatopsia	Complete color blindness - Monochromacy	`#5f5f5f`

#356d4d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#356d4d complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#356d4d Light Tints

#356d4d Gray Shades

#356d4d Dark Shades

#356d4d Red Shades

#356d4d Green Shades

#356d4d Blue Shades

Readability Analysis

#356d4d as Text Color

#356d4d as Background Color

Color Blindness Simulation

#356d4d complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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