0 views

#22173f - Color Information

#22173f

Base Information

HEX

#22173f

RGB

34,23,63

HSL

257,47,17

HSV

257,63,25

CMYK

46,63,0,75

LAB

11,17,-24

LCH

11,29,305

XYZ

2,1,5

Web Safe

#330033

Web Smart

#221144

is dark

Yes

luminosity

0.0131

Pantone Color

Combinations

#22173f complementary
Colors that are opposite to each other, forming a contrasting pair.

#22173f

#343F17

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

#22173f

#3F3617

#203F17

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

#22173f

#3F2217

#173F22

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

#22173f

#3F1720

#343F17

#173F36

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

#22173f

#343F17

#3F3617

#203F17

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

#22173f

#36173F

#3F1734

#3F1720

Shades

#22173f Light Tints

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

#22173F

#382E52

#4E4565

#645D79

#7A748C

#918B9F

#A7A2B2

#BDB9C5

#D3D1D9

#E9E8EC

#22173f Gray Shades

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

#22173F

#2B2246

#352C4C

#3E3753

#484159

#514C60

#5A5666

#64616D

#6D6B73

#77767A

#22173f Dark Shades

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

#22173F

#1F1539

#1B1232

#18102C

#140E26

#110C20

#0E0919

#0A0713

#07050D

#030206

#22173f Red Shades

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

#22173F

#381539

#4E1232

#64102C

#7A0E26

#910C20

#A70919

#BD0713

#D3050D

#E90206

#22173f Green Shades

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

#22173F

#1F2239

#1B2C32

#18372C

#144126

#114C20

#0E5619

#0A6113

#076B0D

#037606

#22173f Blue Shades

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

#22173F

#1F1552

#1B1265

#181079

#140E8C

#110C9F

#0E09B2

#0A07C5

#0705D9

#0302EC

Readability Analysis

#22173f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	16.64	AAA	Sample Text
Black	1.26	Fail	Sample Text
Red	4.16	A	Sample Text
Green	3.24	A	Sample Text
Blue	1.94	Fail	Sample Text

#22173f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	16.64	AAA	Sample Text
Black	1.26	Fail	Sample Text
Red	4.16	A	Sample Text
Green	3.24	A	Sample Text
Blue	1.94	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#131e43`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#121f3f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#201f30`
Protanopia	No red perception - Dichromacy	`#0b2246`
Deuteranopia	No green perception - Dichromacy	`#0a243e`
Tritanopia	No blue perception - Dichromacy	`#202427`
Achromatomaly	Partial color blindness - Monochromacy	`#1e1a29`
Achromatopsia	Complete color blindness - Monochromacy	`#1c1c1c`

#22173f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#22173f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#22173f Light Tints

#22173f Gray Shades

#22173f Dark Shades

#22173f Red Shades

#22173f Green Shades

#22173f Blue Shades

Readability Analysis

#22173f as Text Color

#22173f as Background Color

Color Blindness Simulation

#22173f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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