0 views

#22718c - Color Information

#22718c

Base Information

HEX

#22718c

RGB

34,113,140

HSL

195,61,34

HSV

195,76,55

CMYK

76,19,0,45

LAB

44,-14,-22

LCH

44,26,237

XYZ

11,14,27

Web Safe

#336699

Web Smart

#227788

is dark

Yes

luminosity

0.1404

Pantone Color

Combinations

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

#22718c

#8C3D22

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

#22718c

#8C223C

#8C7222

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

#22718c

#8C2271

#718C22

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

#22718c

#72228C

#8C3D22

#3C8C22

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

#22718c

#8C3D22

#8C223C

#8C7222

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

#22718c

#223C8C

#3D228C

#72228C

Shades

#22718c Light Tints

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

#22718C

#387F98

#4E8DA3

#649CAF

#7AAABA

#91B8C6

#A7C6D1

#BDD4DD

#D3E3E8

#E9F1F4

#22718c Gray Shades

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

#22718C

#2B738B

#35748A

#3E7688

#487787

#517986

#5A7A85

#647C84

#6D7D82

#777F81

#22718c Dark Shades

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

#22718C

#1F667E

#1B5A70

#184F62

#144454

#113946

#0E2D38

#0A222A

#07171C

#030B0E

#22718c Red Shades

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

#22718C

#38667E

#4E5A70

#644F62

#7A4454

#913946

#A72D38

#BD222A

#D3171C

#E90B0E

#22718c Green Shades

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

#22718C

#1F737E

#1B7470

#187662

#147754

#117946

#0E7A38

#0A7C2A

#077D1C

#037F0E

#22718c Blue Shades

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

#22718C

#1F6698

#1B5AA3

#184FAF

#1444BA

#1139C6

#0E2DD1

#0A22DD

#0717E8

#030BF4

Readability Analysis

#22718c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.51	AA	Sample Text
Black	3.81	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

#22718c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.51	AA	Sample Text
Black	3.81	A	Sample Text
Red	1.38	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.56	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4a6b87`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#476b8e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1c7282`
Protanopia	No red perception - Dichromacy	`#616785`
Deuteranopia	No green perception - Dichromacy	`#5c678f`
Tritanopia	No blue perception - Dichromacy	`#19737c`
Achromatomaly	Partial color blindness - Monochromacy	`#4b6871`
Achromatopsia	Complete color blindness - Monochromacy	`#626262`

#22718c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#22718c Light Tints

#22718c Gray Shades

#22718c Dark Shades

#22718c Red Shades

#22718c Green Shades

#22718c Blue Shades

Readability Analysis

#22718c as Text Color

#22718c as Background Color

Color Blindness Simulation

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

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

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

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

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

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