0 views

#3b6d4d - Color Information

#3b6d4d

Base Information

HEX

#3b6d4d

RGB

59,109,77

HSL

142,30,33

HSV

142,46,43

CMYK

46,0,29,57

LAB

42,-25,13

LCH

42,28,153

XYZ

9,12,9

Web Safe

#336666

Web Smart

#336655

is dark

Yes

luminosity

0.1240

Pantone Color

Combinations

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

#3b6d4d

#6D3B5B

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

#3b6d4d

#663B6D

#6D3B42

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

#3b6d4d

#4D3B6D

#6D4D3B

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

#3b6d4d

#3B426D

#6D3B5B

#6D663B

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

#3b6d4d

#6D3B5B

#663B6D

#6D3B42

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

#3b6d4d

#3B6D66

#3B5B6D

#3B426D

Shades

#3b6d4d Light Tints

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

#3B6D4D

#4F7C5F

#628A71

#769982

#89A794

#9DB6A6

#B1C5B8

#C4D3CA

#D8E2DB

#EBF0ED

#3b6d4d Gray Shades

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

#3B6D4D

#426F52

#497157

#50735C

#577561

#5E7767

#64786C

#6B7A71

#727C76

#797E7B

#3b6d4d Dark Shades

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

#3B6D4D

#356245

#2F573E

#294C36

#23412E

#1E3727

#182C1F

#122117

#0C160F

#060B08

#3b6d4d Red Shades

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

#3B6D4D

#4F6245

#62573E

#764C36

#89412E

#9D3727

#B12C1F

#C42117

#D8160F

#EB0B08

#3b6d4d Green Shades

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

#3B6D4D

#356F45

#2F713E

#297336

#23752E

#1E7727

#18781F

#127A17

#0C7C0F

#067E08

#3b6d4d Blue Shades

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

#3B6D4D

#35625F

#2F5771

#294C82

#234194

#1E37A6

#182CB8

#1221CA

#0C16DB

#060BED

Readability Analysis

#3b6d4d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.03	AA	Sample Text
Black	3.48	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.42	Fail	Sample Text

#3b6d4d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.03	AA	Sample Text
Black	3.48	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.42	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#59664b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5e6451`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#426a63`
Protanopia	No red perception - Dichromacy	`#6a634a`
Deuteranopia	No green perception - Dichromacy	`#735f53`
Tritanopia	No blue perception - Dichromacy	`#476870`
Achromatomaly	Partial color blindness - Monochromacy	`#536559`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3b6d4d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b6d4d Light Tints

#3b6d4d Gray Shades

#3b6d4d Dark Shades

#3b6d4d Red Shades

#3b6d4d Green Shades

#3b6d4d Blue Shades

Readability Analysis

#3b6d4d as Text Color

#3b6d4d as Background Color

Color Blindness Simulation

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

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

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

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

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

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