0 views

#20736c - Color Information

#20736c

Base Information

HEX

#20736c

RGB

32,115,108

HSL

175,56,29

HSV

175,72,45

CMYK

72,0,6,55

LAB

44,-26,-3

LCH

44,26,187

XYZ

9,14,16

Web Safe

#336666

Web Smart

#227766

is dark

Yes

luminosity

0.1365

Pantone Color

Combinations

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

#20736c

#732027

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

#20736c

#732050

#734220

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

#20736c

#6C2073

#736C20

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

#20736c

#422073

#732027

#507320

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

#20736c

#732027

#732050

#734220

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

#20736c

#205073

#202773

#422073

Shades

#20736c Light Tints

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

#20736C

#36817B

#4D8F89

#639D98

#79ABA7

#90B9B6

#A6C7C4

#BCD5D3

#D2E3E2

#E9F1F0

#20736c Gray Shades

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

#20736C

#2A746E

#337670

#3D7772

#467874

#507A76

#5A7B78

#637C7A

#6D7D7C

#767F7E

#20736c Dark Shades

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

#20736C

#1D6861

#1A5C56

#16514C

#134541

#103A36

#0D2E2B

#0A2220

#061716

#030B0B

#20736c Red Shades

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

#20736C

#366861

#4D5C56

#63514C

#794541

#903A36

#A62E2B

#BC2220

#D21716

#E90B0B

#20736c Green Shades

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

#20736C

#1D7461

#1A7656

#16774C

#137841

#107A36

#0D7B2B

#0A7C20

#067D16

#037F0B

#20736c Blue Shades

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

#20736C

#1D687B

#1A5C89

#165198

#1345A7

#103AB6

#0D2EC4

#0A22D3

#0617E2

#030BF0

Readability Analysis

#20736c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.63	AA	Sample Text
Black	3.73	A	Sample Text
Red	1.41	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.53	Fail	Sample Text

#20736c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.63	AA	Sample Text
Black	3.73	A	Sample Text
Red	1.41	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.53	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4f6b68`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#516a6f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#287174`
Protanopia	No red perception - Dichromacy	`#696765`
Deuteranopia	No green perception - Dichromacy	`#6d6471`
Tritanopia	No blue perception - Dichromacy	`#2d7079`
Achromatomaly	Partial color blindness - Monochromacy	`#496765`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#20736c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#20736c Light Tints

#20736c Gray Shades

#20736c Dark Shades

#20736c Red Shades

#20736c Green Shades

#20736c Blue Shades

Readability Analysis

#20736c as Text Color

#20736c as Background Color

Color Blindness Simulation

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

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

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

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

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

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