0 views

#20717c - Color Information

#20717c

Base Information

HEX

#20717c

RGB

32,113,124

HSL

187,59,31

HSV

187,74,49

CMYK

74,9,0,51

LAB

44,-20,-13

LCH

44,24,213

XYZ

10,14,21

Web Safe

#336666

Web Smart

#227777

is dark

Yes

luminosity

0.1357

Pantone Color

Combinations

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

#20717c

#7C2B20

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

#20717c

#7C2043

#7C5920

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

#20717c

#7C2071

#717C20

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

#20717c

#59207C

#7C2B20

#437C20

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

#20717c

#7C2B20

#7C2043

#7C5920

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

#20717c

#20437C

#2B207C

#59207C

Shades

#20717c Light Tints

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

#20717C

#367F89

#4D8D96

#639CA3

#79AAB0

#90B8BE

#A6C6CB

#BCD4D8

#D2E3E5

#E9F1F2

#20717c Gray Shades

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

#20717C

#2A737C

#33747D

#3D767D

#46777E

#50797E

#5A7A7E

#637C7F

#6D7D7F

#767F80

#20717c Dark Shades

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

#20717C

#1D6670

#1A5A63

#164F57

#13444A

#10393E

#0D2D32

#0A2225

#061719

#030B0C

#20717c Red Shades

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

#20717C

#366670

#4D5A63

#634F57

#79444A

#90393E

#A62D32

#BC2225

#D21719

#E90B0C

#20717c Green Shades

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

#20717C

#1D7370

#1A7463

#167657

#13774A

#10793E

#0D7A32

#0A7C25

#067D19

#037F0C

#20717c Blue Shades

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

#20717C

#1D6689

#1A5A96

#164FA3

#1344B0

#1039BE

#0D2DCB

#0A22D8

#0617E5

#030BF2

Readability Analysis

#20717c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.65	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.41	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

#20717c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.65	AA	Sample Text
Black	3.71	A	Sample Text
Red	1.41	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.52	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4c6a77`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4b697e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#23717b`
Protanopia	No red perception - Dichromacy	`#646675`
Deuteranopia	No green perception - Dichromacy	`#646580`
Tritanopia	No blue perception - Dichromacy	`#24717a`
Achromatomaly	Partial color blindness - Monochromacy	`#49676b`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#20717c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#20717c Light Tints

#20717c Gray Shades

#20717c Dark Shades

#20717c Red Shades

#20717c Green Shades

#20717c Blue Shades

Readability Analysis

#20717c as Text Color

#20717c as Background Color

Color Blindness Simulation

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

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

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

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

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

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