0 views

#3a788e - Color Information

#3a788e

Base Information

HEX

#3a788e

RGB

58,120,142

HSL

196,42,39

HSV

196,59,56

CMYK

59,15,0,44

LAB

47,-13,-18

LCH

47,22,234

XYZ

13,16,28

Web Safe

#336699

Web Smart

#337788

is dark

Yes

luminosity

0.1629

Pantone Color

Combinations

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

#3a788e

#8E503A

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

#3a788e

#8E3A4E

#8E7A3A

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

#3a788e

#8E3A78

#788E3A

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

#3a788e

#7A3A8E

#8E503A

#4E8E3A

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

#3a788e

#8E503A

#8E3A4E

#8E7A3A

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

#3a788e

#3A4E8E

#503A8E

#7A3A8E

Shades

#3a788e Light Tints

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

#3A788E

#4E8699

#6193A5

#75A1B0

#89AEBB

#9DBCC7

#B0C9D2

#C4D7DD

#D8E4E8

#EBF2F4

#3a788e Gray Shades

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

#3A788E

#41798D

#487A8B

#4F7A8A

#567B88

#5D7C87

#647D86

#6B7E84

#727E83

#797F81

#3a788e Dark Shades

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

#3A788E

#346C80

#2E6072

#295463

#234855

#1D3C47

#173039

#11242B

#0C181C

#060C0E

#3a788e Red Shades

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

#3A788E

#4E6C80

#616072

#755463

#894855

#9D3C47

#B03039

#C4242B

#D8181C

#EB0C0E

#3a788e Green Shades

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

#3A788E

#347980

#2E7A72

#297A63

#237B55

#1D7C47

#177D39

#117E2B

#0C7E1C

#067F0E

#3a788e Blue Shades

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

#3A788E

#346C99

#2E60A5

#2954B0

#2348BB

#1D3CC7

#1730D2

#1124DD

#0C18E8

#060CF4

Readability Analysis

#3a788e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.93	AA	Sample Text
Black	4.26	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

#3a788e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.93	AA	Sample Text
Black	4.26	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.74	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#59728a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#587290`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#397987`
Protanopia	No red perception - Dichromacy	`#6a6f87`
Deuteranopia	No green perception - Dichromacy	`#696e90`
Tritanopia	No blue perception - Dichromacy	`#387983`
Achromatomaly	Partial color blindness - Monochromacy	`#5a7179`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#3a788e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3a788e Light Tints

#3a788e Gray Shades

#3a788e Dark Shades

#3a788e Red Shades

#3a788e Green Shades

#3a788e Blue Shades

Readability Analysis

#3a788e as Text Color

#3a788e as Background Color

Color Blindness Simulation

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

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

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

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

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

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