0 views

#3b6a6c - Color Information

#3b6a6c

Base Information

HEX

#3b6a6c

RGB

59,106,108

HSL

182,29,33

HSV

182,45,42

CMYK

45,2,0,58

LAB

42,-15,-6

LCH

42,17,202

XYZ

10,12,16

Web Safe

#336666

Web Smart

#336666

is dark

Yes

luminosity

0.1232

Pantone Color

Combinations

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

#3b6a6c

#6C3D3B

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

#3b6a6c

#6C3B51

#6C563B

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

#3b6a6c

#6C3B6A

#6A6C3B

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

#3b6a6c

#553B6C

#6C3D3B

#526C3B

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

#3b6a6c

#6C3D3B

#6C3B51

#6C563B

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

#3b6a6c

#3B516C

#3D3B6C

#553B6C

Shades

#3b6a6c Light Tints

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

#3B6A6C

#4F797B

#628889

#769798

#89A6A7

#9DB5B6

#B1C3C4

#C4D2D3

#D8E1E2

#EBF0F0

#3b6a6c Gray Shades

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

#3B6A6C

#426C6E

#496E70

#507172

#577374

#5E7576

#647778

#6B797A

#727C7C

#797E7E

#3b6a6c Dark Shades

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

#3B6A6C

#355F61

#2F5556

#294A4C

#234041

#1E3536

#182A2B

#122020

#0C1516

#060B0B

#3b6a6c Red Shades

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

#3B6A6C

#4F5F61

#625556

#764A4C

#894041

#9D3536

#B12A2B

#C42020

#D81516

#EB0B0B

#3b6a6c Green Shades

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

#3B6A6C

#356C61

#2F6E56

#29714C

#237341

#1E7536

#18772B

#127920

#0C7C16

#067E0B

#3b6a6c Blue Shades

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

#3B6A6C

#355F7B

#2F5589

#294A98

#2340A7

#1E35B6

#182AC4

#1220D3

#0C15E2

#060BF0

Readability Analysis

#3b6a6c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.46	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.18	Fail	Sample Text
Blue	1.42	Fail	Sample Text

#3b6a6c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.46	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.18	Fail	Sample Text
Blue	1.42	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#546569`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#56646e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3e696f`
Protanopia	No red perception - Dichromacy	`#636267`
Deuteranopia	No green perception - Dichromacy	`#66606f`
Tritanopia	No blue perception - Dichromacy	`#3f6971`
Achromatomaly	Partial color blindness - Monochromacy	`#536464`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3b6a6c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b6a6c Light Tints

#3b6a6c Gray Shades

#3b6a6c Dark Shades

#3b6a6c Red Shades

#3b6a6c Green Shades

#3b6a6c Blue Shades

Readability Analysis

#3b6a6c as Text Color

#3b6a6c as Background Color

Color Blindness Simulation

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

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

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

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

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

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