0 views

#3b788f - Color Information

#3b788f

Base Information

HEX

#3b788f

RGB

59,120,143

HSL

196,42,40

HSV

196,59,56

CMYK

59,16,0,44

LAB

47,-13,-18

LCH

47,22,236

XYZ

13,16,28

Web Safe

#336699

Web Smart

#337788

is dark

Yes

luminosity

0.1635

Pantone Color

Combinations

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

#3b788f

#8F523B

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

#3b788f

#8F3B4E

#8F7C3B

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

#3b788f

#8F3B78

#788F3B

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

#3b788f

#7C3B8F

#8F523B

#4E8F3B

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

#3b788f

#8F523B

#8F3B4E

#8F7C3B

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

#3b788f

#3B4E8F

#523B8F

#7C3B8F

Shades

#3b788f Light Tints

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

#3B788F

#4F869A

#6293A5

#76A1B1

#89AEBC

#9DBCC7

#B1C9D2

#C4D7DD

#D8E4E9

#EBF2F4

#3b788f Gray Shades

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

#3B788F

#42798E

#497A8C

#507A8B

#577B89

#5E7C88

#647D86

#6B7E85

#727E83

#797F82

#3b788f Dark Shades

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

#3B788F

#356C81

#2F6072

#295464

#234856

#1E3C48

#183039

#12242B

#0C181D

#060C0E

#3b788f Red Shades

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

#3B788F

#4F6C81

#626072

#765464

#894856

#9D3C48

#B13039

#C4242B

#D8181D

#EB0C0E

#3b788f Green Shades

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

#3B788F

#357981

#2F7A72

#297A64

#237B56

#1E7C48

#187D39

#127E2B

#0C7E1D

#067F0E

#3b788f Blue Shades

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

#3B788F

#356C9A

#2F60A5

#2954B1

#2348BC

#1E3CC7

#1830D2

#1224DD

#0C18E9

#060CF4

Readability Analysis

#3b788f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.92	AA	Sample Text
Black	4.27	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.75	Fail	Sample Text

#3b788f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.92	AA	Sample Text
Black	4.27	A	Sample Text
Red	1.23	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.75	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#59728b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#587290`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#397987`
Protanopia	No red perception - Dichromacy	`#6a6f88`
Deuteranopia	No green perception - Dichromacy	`#696e91`
Tritanopia	No blue perception - Dichromacy	`#387983`
Achromatomaly	Partial color blindness - Monochromacy	`#5b7179`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#3b788f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b788f Light Tints

#3b788f Gray Shades

#3b788f Dark Shades

#3b788f Red Shades

#3b788f Green Shades

#3b788f Blue Shades

Readability Analysis

#3b788f as Text Color

#3b788f as Background Color

Color Blindness Simulation

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

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

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

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

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

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