0 views

#220f7c - Color Information

#220f7c

Base Information

HEX

#220f7c

RGB

34,15,124

HSL

250,78,27

HSV

250,88,49

CMYK

73,88,0,51

LAB

16,42,-57

LCH

16,70,306

XYZ

4,2,19

Web Safe

#330066

Web Smart

#221177

is dark

Yes

luminosity

0.0214

Pantone Color

Combinations

#220f7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#220f7c

#697C0F

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

#220f7c

#7C590F

#327C0F

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

#220f7c

#7C220F

#0F7C22

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

#220f7c

#7C0F32

#697C0F

#0F7C59

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

#220f7c

#697C0F

#7C590F

#327C0F

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

#220f7c

#590F7C

#7C0F69

#7C0F32

Shades

#220f7c Light Tints

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

#220F7C

#382789

#4E3F96

#6457A3

#7A6FB0

#9187BE

#A79FCB

#BDB7D8

#D3CFE5

#E9E7F2

#220f7c Gray Shades

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

#220F7C

#2B1A7C

#35267D

#3E317D

#483C7E

#51487E

#5A537E

#645E7F

#6D697F

#777580

#220f7c Dark Shades

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

#220F7C

#1F0E70

#1B0C63

#180B57

#14094A

#11083E

#0E0632

#0A0425

#070319

#03010C

#220f7c Red Shades

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

#220F7C

#380E70

#4E0C63

#640B57

#7A094A

#91083E

#A70632

#BD0425

#D30319

#E9010C

#220f7c Green Shades

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

#220F7C

#1F1A70

#1B2663

#183157

#143C4A

#11483E

#0E5332

#0A5E25

#076919

#03750C

#220f7c Blue Shades

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

#220F7C

#1F0E89

#1B0C96

#180BA3

#1409B0

#1108BE

#0E06CB

#0A04D8

#0703E5

#0301F2

Readability Analysis

#220f7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	14.71	AAA	Sample Text
Black	1.43	Fail	Sample Text
Red	3.68	A	Sample Text
Green	2.86	Fail	Sample Text
Blue	1.71	Fail	Sample Text

#220f7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	14.71	AAA	Sample Text
Black	1.43	Fail	Sample Text
Red	3.68	A	Sample Text
Green	2.86	Fail	Sample Text
Blue	1.71	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0c2166`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0c235d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0c254e`
Protanopia	No red perception - Dichromacy	`#002b59`
Deuteranopia	No green perception - Dichromacy	`#002e4c`
Tritanopia	No blue perception - Dichromacy	`#003134`
Achromatomaly	Partial color blindness - Monochromacy	`#1d173e`
Achromatopsia	Complete color blindness - Monochromacy	`#1b1b1b`

#220f7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#220f7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#220f7c Light Tints

#220f7c Gray Shades

#220f7c Dark Shades

#220f7c Red Shades

#220f7c Green Shades

#220f7c Blue Shades

Readability Analysis

#220f7c as Text Color

#220f7c as Background Color

Color Blindness Simulation

#220f7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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