0 views

#022b7c - Color Information

#022b7c

Base Information

HEX

#022b7c

RGB

2,43,124

HSL

220,97,25

HSV

220,98,49

CMYK

98,65,0,51

LAB

21,23,-49

LCH

21,54,295

XYZ

5,3,19

Web Safe

#003366

Web Smart

#003377

is dark

Yes

luminosity

0.0320

Pantone Color

Combinations

#022b7c complementary
Colors that are opposite to each other, forming a contrasting pair.

#022b7c

#7C5302

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

#022b7c

#7C1602

#687C02

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

#022b7c

#7C022B

#2B7C02

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

#022b7c

#7C0268

#7C5302

#027C16

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

#022b7c

#7C5302

#7C1602

#687C02

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

#022b7c

#16027C

#53027C

#7C0268

Shades

#022b7c Light Tints

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

#022B7C

#1B4089

#355596

#4E6BA3

#6780B0

#8195BE

#9AAACB

#B3BFD8

#CCD5E5

#E6EAF2

#022b7c Gray Shades

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

#022B7C

#0F347C

#1B3C7D

#28457D

#344D7E

#41567E

#4E5E7E

#5A677F

#676F7F

#737880

#022b7c Dark Shades

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

#022B7C

#022770

#022263

#011E57

#011A4A

#01163E

#011132

#010D25

#000919

#00040C

#022b7c Red Shades

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

#022B7C

#1B2770

#352263

#4E1E57

#671A4A

#81163E

#9A1132

#B30D25

#CC0919

#E6040C

#022b7c Green Shades

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

#022B7C

#023470

#023C63

#014557

#014D4A

#01563E

#015E32

#016725

#006F19

#00780C

#022b7c Blue Shades

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

#022B7C

#022789

#022296

#011EA3

#011AB0

#0116BE

#0111CB

#010DD8

#0009E5

#0004F2

Readability Analysis

#022b7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.81	AAA	Sample Text
Black	1.64	Fail	Sample Text
Red	3.20	A	Sample Text
Green	2.49	Fail	Sample Text
Blue	1.49	Fail	Sample Text

#022b7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.81	AAA	Sample Text
Black	1.64	Fail	Sample Text
Red	3.20	A	Sample Text
Green	2.49	Fail	Sample Text
Blue	1.49	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#013071`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#013368`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#013555`
Protanopia	No red perception - Dichromacy	`#00346b`
Deuteranopia	No green perception - Dichromacy	`#00375c`
Tritanopia	No blue perception - Dichromacy	`#003b3e`
Achromatomaly	Partial color blindness - Monochromacy	`#1a2947`
Achromatopsia	Complete color blindness - Monochromacy	`#282828`

#022b7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#022b7c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#022b7c Light Tints

#022b7c Gray Shades

#022b7c Dark Shades

#022b7c Red Shades

#022b7c Green Shades

#022b7c Blue Shades

Readability Analysis

#022b7c as Text Color

#022b7c as Background Color

Color Blindness Simulation

#022b7c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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