0 views

#22786c - Color Information

#22786c

Base Information

HEX

#22786c

RGB

34,120,108

HSL

172,56,30

HSV

172,72,47

CMYK

72,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.1486

Pantone Color

Combinations

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

#22786c

#78222E

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

#22786c

#782259

#784122

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

#22786c

#6C2278

#786C22

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

#22786c

#412278

#78222E

#597822

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

#22786c

#78222E

#782259

#784122

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

#22786c

#225978

#222E78

#412278

Shades

#22786c Light Tints

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

#22786C

#38867B

#4E9389

#64A198

#7AAEA7

#91BCB6

#A7C9C4

#BDD7D3

#D3E4E2

#E9F2F0

#22786c Gray Shades

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

#22786C

#2B796E

#357A70

#3E7A72

#487B74

#517C76

#5A7D78

#647E7A

#6D7E7C

#777F7E

#22786c Dark Shades

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

#22786C

#1F6C61

#1B6056

#18544C

#144841

#113C36

#0E302B

#0A2420

#071816

#030C0B

#22786c Red Shades

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

#22786C

#386C61

#4E6056

#64544C

#7A4841

#913C36

#A7302B

#BD2420

#D31816

#E90C0B

#22786c Green Shades

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

#22786C

#1F7961

#1B7A56

#187A4C

#147B41

#117C36

#0E7D2B

#0A7E20

#077E16

#037F0B

#22786c Blue Shades

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

#22786C

#1F6C7B

#1B6089

#185498

#1448A7

#113CB6

#0E30C4

#0A24D3

#0718E2

#030CF0

Readability Analysis

#22786c as Text Color

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

#22786c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.29	AA	Sample Text
Black	3.97	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	`#537068`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#566e6f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2c7677`
Protanopia	No red perception - Dichromacy	`#6f6b65`
Deuteranopia	No green perception - Dichromacy	`#736871`
Tritanopia	No blue perception - Dichromacy	`#31747e`
Achromatomaly	Partial color blindness - Monochromacy	`#4d6c67`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#22786c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22786c Light Tints

#22786c Gray Shades

#22786c Dark Shades

#22786c Red Shades

#22786c Green Shades

#22786c Blue Shades

Readability Analysis

#22786c as Text Color

#22786c as Background Color

Color Blindness Simulation

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

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

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

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

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

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