0 views

#20786c - Color Information

#20786c

Base Information

HEX

#20786c

RGB

32,120,108

HSL

172,58,30

HSV

172,73,47

CMYK

73,0,10,53

LAB

45,-28,-1

LCH

45,28,182

XYZ

10,15,17

Web Safe

#336666

Web Smart

#227766

is dark

Yes

luminosity

0.1482

Pantone Color

Combinations

#20786c complementary
Colors that are opposite to each other, forming a contrasting pair.

#20786c

#78202C

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

#20786c

#782058

#784020

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

#20786c

#6C2078

#786C20

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

#20786c

#402078

#78202C

#587820

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

#20786c

#78202C

#782058

#784020

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

#20786c

#205878

#202C78

#402078

Shades

#20786c Light Tints

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

#20786C

#36867B

#4D9389

#63A198

#79AEA7

#90BCB6

#A6C9C4

#BCD7D3

#D2E4E2

#E9F2F0

#20786c Gray Shades

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

#20786C

#2A796E

#337A70

#3D7A72

#467B74

#507C76

#5A7D78

#637E7A

#6D7E7C

#767F7E

#20786c Dark Shades

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

#20786C

#1D6C61

#1A6056

#16544C

#134841

#103C36

#0D302B

#0A2420

#061816

#030C0B

#20786c Red Shades

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

#20786C

#366C61

#4D6056

#63544C

#794841

#903C36

#A6302B

#BC2420

#D21816

#E90C0B

#20786c Green Shades

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

#20786C

#1D7961

#1A7A56

#167A4C

#137B41

#107C36

#0D7D2B

#0A7E20

#067E16

#037F0B

#20786c Blue Shades

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

#20786C

#1D6C7B

#1A6089

#165498

#1348A7

#103CB6

#0D30C4

#0A24D3

#0618E2

#030CF0

Readability Analysis

#20786c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.30	AA	Sample Text
Black	3.96	A	Sample Text
Red	1.32	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.62	Fail	Sample Text

#20786c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.30	AA	Sample Text
Black	3.96	A	Sample Text
Red	1.32	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.62	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#526f68`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#556e6f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2a7677`
Protanopia	No red perception - Dichromacy	`#6f6b65`
Deuteranopia	No green perception - Dichromacy	`#736871`
Tritanopia	No blue perception - Dichromacy	`#30747e`
Achromatomaly	Partial color blindness - Monochromacy	`#4c6c67`
Achromatopsia	Complete color blindness - Monochromacy	`#646464`

#20786c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#20786c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#20786c Light Tints

#20786c Gray Shades

#20786c Dark Shades

#20786c Red Shades

#20786c Green Shades

#20786c Blue Shades

Readability Analysis

#20786c as Text Color

#20786c as Background Color

Color Blindness Simulation

#20786c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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