0 views

#3f606c - Color Information

#3f606c

Base Information

HEX

#3f606c

RGB

63,96,108

HSL

196,26,34

HSV

196,42,42

CMYK

42,11,0,58

LAB

39,-9,-11

LCH

39,14,231

XYZ

9,11,16

Web Safe

#336666

Web Smart

#446666

is dark

Yes

luminosity

0.1051

Pantone Color

Combinations

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

#3f606c

#6C4B3F

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

#3f606c

#6C3F4A

#6C623F

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

#3f606c

#6C3F60

#606C3F

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

#3f606c

#623F6C

#6C4B3F

#4A6C3F

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

#3f606c

#6C4B3F

#6C3F4A

#6C623F

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

#3f606c

#3F4A6C

#4B3F6C

#623F6C

Shades

#3f606c Light Tints

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

#3F606C

#52707B

#658089

#799098

#8CA0A7

#9FB0B6

#B2BFC4

#C5CFD3

#D9DFE2

#ECEFF0

#3f606c Gray Shades

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

#3F606C

#46636E

#4C6670

#536A72

#596D74

#607076

#667378

#6D767A

#737A7C

#7A7D7E

#3f606c Dark Shades

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

#3F606C

#395661

#324D56

#2C434C

#263A41

#203036

#19262B

#131D20

#0D1316

#060A0B

#3f606c Red Shades

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

#3F606C

#525661

#654D56

#79434C

#8C3A41

#9F3036

#B2262B

#C51D20

#D91316

#EC0A0B

#3f606c Green Shades

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

#3F606C

#396361

#326656

#2C6A4C

#266D41

#207036

#19732B

#137620

#0D7A16

#067D0B

#3f606c Blue Shades

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

#3F606C

#39567B

#324D89

#2C4398

#263AA7

#2030B6

#1926C4

#131DD3

#0D13E2

#060AF0

Readability Analysis

#3f606c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.77	AA	Sample Text
Black	3.10	A	Sample Text
Red	1.69	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.27	Fail	Sample Text

#3f606c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.77	AA	Sample Text
Black	3.10	A	Sample Text
Red	1.69	Fail	Sample Text
Green	1.32	Fail	Sample Text
Blue	1.27	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#505d6a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#515c6d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#40606a`
Protanopia	No red perception - Dichromacy	`#595b68`
Deuteranopia	No green perception - Dichromacy	`#5b5a6e`
Tritanopia	No blue perception - Dichromacy	`#406168`
Achromatomaly	Partial color blindness - Monochromacy	`#505c60`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#3f606c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f606c Light Tints

#3f606c Gray Shades

#3f606c Dark Shades

#3f606c Red Shades

#3f606c Green Shades

#3f606c Blue Shades

Readability Analysis

#3f606c as Text Color

#3f606c as Background Color

Color Blindness Simulation

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

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

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

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

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

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