0 views

#3a6a7f - Color Information

#3a6a7f

Base Information

HEX

#3a6a7f

RGB

58,106,127

HSL

198,37,36

HSV

198,54,50

CMYK

54,17,0,50

LAB

42,-10,-17

LCH

42,19,239

XYZ

11,13,22

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1274

Pantone Color

Combinations

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

#3a6a7f

#7F4F3A

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

#3a6a7f

#7F3A48

#7F723A

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

#3a6a7f

#7F3A6A

#6A7F3A

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

#3a6a7f

#713A7F

#7F4F3A

#487F3A

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

#3a6a7f

#7F4F3A

#7F3A48

#7F723A

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

#3a6a7f

#3A487F

#4F3A7F

#713A7F

Shades

#3a6a7f Light Tints

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

#3A6A7F

#4E798C

#618899

#7597A5

#89A6B2

#9DB5BF

#B0C3CC

#C4D2D9

#D8E1E5

#EBF0F2

#3a6a7f Gray Shades

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

#3A6A7F

#416C7F

#486E7F

#4F717F

#56737F

#5D7580

#647780

#6B7980

#727C80

#797E80

#3a6a7f Dark Shades

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

#3A6A7F

#345F72

#2E5566

#294A59

#23404C

#1D3540

#172A33

#112026

#0C1519

#060B0D

#3a6a7f Red Shades

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

#3A6A7F

#4E5F72

#615566

#754A59

#89404C

#9D3540

#B02A33

#C42026

#D81519

#EB0B0D

#3a6a7f Green Shades

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

#3A6A7F

#346C72

#2E6E66

#297159

#23734C

#1D7540

#177733

#117926

#0C7C19

#067E0D

#3a6a7f Blue Shades

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

#3A6A7F

#345F8C

#2E5599

#294AA5

#2340B2

#1D35BF

#172ACC

#1120D9

#0C15E5

#060BF2

Readability Analysis

#3a6a7f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.92	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

#3a6a7f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.92	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#51667c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#516580`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#396b78`
Protanopia	No red perception - Dichromacy	`#5f637a`
Deuteranopia	No green perception - Dichromacy	`#5e6281`
Tritanopia	No blue perception - Dichromacy	`#386b74`
Achromatomaly	Partial color blindness - Monochromacy	`#53646c`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#3a6a7f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a6a7f Light Tints

#3a6a7f Gray Shades

#3a6a7f Dark Shades

#3a6a7f Red Shades

#3a6a7f Green Shades

#3a6a7f Blue Shades

Readability Analysis

#3a6a7f as Text Color

#3a6a7f as Background Color

Color Blindness Simulation

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

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

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

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

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

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