0 views

#02228c - Color Information

#02228c

Base Information

HEX

#02228c

RGB

2,34,140

HSL

226,97,28

HSV

226,99,55

CMYK

99,76,0,45

LAB

20,35,-60

LCH

20,70,300

XYZ

5,3,25

Web Safe

#003399

Web Smart

#002288

is dark

Yes

luminosity

0.0305

Pantone Color

Combinations

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

#02228c

#8C6C02

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

#02228c

#8C2702

#678C02

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

#02228c

#8C0222

#228C02

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

#02228c

#8C0267

#8C6C02

#028C27

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

#02228c

#8C6C02

#8C2702

#678C02

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

#02228c

#27028C

#6C028C

#8C0267

Shades

#02228c Light Tints

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

#02228C

#1B3898

#354EA3

#4E64AF

#677ABA

#8191C6

#9AA7D1

#B3BDDD

#CCD3E8

#E6E9F4

#02228c Gray Shades

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

#02228C

#0F2B8B

#1B358A

#283E88

#344887

#415186

#4E5A85

#5A6484

#676D82

#737781

#02228c Dark Shades

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

#02228C

#021F7E

#021B70

#011862

#011454

#011146

#010E38

#010A2A

#00071C

#00030E

#02228c Red Shades

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

#02228C

#1B1F7E

#351B70

#4E1862

#671454

#811146

#9A0E38

#B30A2A

#CC071C

#E6030E

#02228c Green Shades

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

#02228C

#022B7E

#023570

#013E62

#014854

#015146

#015A38

#01642A

#006D1C

#00770E

#02228c Blue Shades

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

#02228C

#021F98

#021BA3

#0118AF

#0114BA

#0111C6

#010ED1

#010ADD

#0007E8

#0003F4

Readability Analysis

#02228c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.04	AAA	Sample Text
Black	1.61	Fail	Sample Text
Red	3.26	A	Sample Text
Green	2.54	Fail	Sample Text
Blue	1.52	Fail	Sample Text

#02228c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.04	AAA	Sample Text
Black	1.61	Fail	Sample Text
Red	3.26	A	Sample Text
Green	2.54	Fail	Sample Text
Blue	1.52	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#012d75`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#012f6c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#01315a`
Protanopia	No red perception - Dichromacy	`#003368`
Deuteranopia	No green perception - Dichromacy	`#003659`
Tritanopia	No blue perception - Dichromacy	`#003a3d`
Achromatomaly	Partial color blindness - Monochromacy	`#172349`
Achromatopsia	Complete color blindness - Monochromacy	`#232323`

#02228c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#02228c Light Tints

#02228c Gray Shades

#02228c Dark Shades

#02228c Red Shades

#02228c Green Shades

#02228c Blue Shades

Readability Analysis

#02228c as Text Color

#02228c as Background Color

Color Blindness Simulation

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

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

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

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

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

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