0 views

#3f6b5b - Color Information

#3f6b5b

Base Information

HEX

#3f6b5b

RGB

63,107,91

HSL

158,26,33

HSV

158,41,42

CMYK

41,0,15,58

LAB

42,-19,4

LCH

42,20,168

XYZ

9,12,12

Web Safe

#336666

Web Smart

#446655

is dark

Yes

luminosity

0.1233

Pantone Color

Combinations

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

#3f6b5b

#6B3F4F

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

#3f6b5b

#6B3F65

#6B453F

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

#3f6b5b

#5B3F6B

#6B5B3F

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

#3f6b5b

#453F6B

#6B3F4F

#656B3F

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

#3f6b5b

#6B3F4F

#6B3F65

#6B453F

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

#3f6b5b

#3F656B

#3F4F6B

#453F6B

Shades

#3f6b5b Light Tints

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

#3F6B5B

#527A6B

#65897C

#79978C

#8CA69D

#9FB5AD

#B2C4BD

#C5D3CE

#D9E1DE

#ECF0EF

#3f6b5b Gray Shades

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

#3F6B5B

#466D5F

#4C6F62

#537166

#59736A

#60766E

#667871

#6D7A75

#737C79

#7A7E7C

#3f6b5b Dark Shades

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

#3F6B5B

#396052

#325649

#2C4B40

#264037

#20362E

#192B24

#13201B

#0D1512

#060B09

#3f6b5b Red Shades

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

#3F6B5B

#526052

#655649

#794B40

#8C4037

#9F362E

#B22B24

#C5201B

#D91512

#EC0B09

#3f6b5b Green Shades

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

#3F6B5B

#396D52

#326F49

#2C7140

#267337

#20762E

#197824

#137A1B

#0D7C12

#067E09

#3f6b5b Blue Shades

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

#3F6B5B

#39606B

#32567C

#2C4B8C

#26409D

#2036AD

#192BBD

#1320CE

#0D15DE

#060BEF

Readability Analysis

#3f6b5b as Text Color

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

#3f6b5b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.47	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	`#586559`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5d635e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#446968`
Protanopia	No red perception - Dichromacy	`#676257`
Deuteranopia	No green perception - Dichromacy	`#6e5f5f`
Tritanopia	No blue perception - Dichromacy	`#476870`
Achromatomaly	Partial color blindness - Monochromacy	`#54645e`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3f6b5b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f6b5b Light Tints

#3f6b5b Gray Shades

#3f6b5b Dark Shades

#3f6b5b Red Shades

#3f6b5b Green Shades

#3f6b5b Blue Shades

Readability Analysis

#3f6b5b as Text Color

#3f6b5b as Background Color

Color Blindness Simulation

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

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

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

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

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

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