0 views

#222b51 - Color Information

#222b51

Base Information

HEX

#222b51

RGB

34,43,81

HSL

229,41,23

HSV

229,58,32

CMYK

58,47,0,68

LAB

19,9,-25

LCH

19,26,290

XYZ

3,3,8

Web Safe

#333366

Web Smart

#223355

is dark

Yes

luminosity

0.0266

Pantone Color

Combinations

#222b51 complementary
Colors that are opposite to each other, forming a contrasting pair.

#222b51

#514822

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

#222b51

#513022

#435122

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

#222b51

#51222B

#2B5122

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

#222b51

#512243

#514822

#225130

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

#222b51

#514822

#513022

#435122

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

#222b51

#302251

#482251

#512243

Shades

#222b51 Light Tints

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

#222B51

#384062

#4E5574

#646B85

#7A8097

#9195A8

#A7AAB9

#BDBFCB

#D3D5DC

#E9EAEE

#222b51 Gray Shades

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

#222B51

#2B3456

#353C5A

#3E455F

#484D64

#515669

#5A5E6D

#646772

#6D6F77

#77787B

#222b51 Dark Shades

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

#222B51

#1F2749

#1B2241

#181E39

#141A31

#111629

#0E1120

#0A0D18

#070910

#030408

#222b51 Red Shades

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

#222B51

#382749

#4E2241

#641E39

#7A1A31

#911629

#A71120

#BD0D18

#D30910

#E90408

#222b51 Green Shades

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

#222B51

#1F3449

#1B3C41

#184539

#144D31

#115629

#0E5E20

#0A6718

#076F10

#037808

#222b51 Blue Shades

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

#222B51

#1F2762

#1B2274

#181E85

#141A97

#1116A8

#0E11B9

#0A0DCB

#0709DC

#0304EE

Readability Analysis

#222b51 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.70	AAA	Sample Text
Black	1.53	Fail	Sample Text
Red	3.43	A	Sample Text
Green	2.67	Fail	Sample Text
Blue	1.59	Fail	Sample Text

#222b51 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.70	AAA	Sample Text
Black	1.53	Fail	Sample Text
Red	3.43	A	Sample Text
Green	2.67	Fail	Sample Text
Blue	1.59	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#222e52`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1d2f51`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1e3142`
Protanopia	No red perception - Dichromacy	`#213053`
Deuteranopia	No green perception - Dichromacy	`#1b3151`
Tritanopia	No blue perception - Dichromacy	`#1c3539`
Achromatomaly	Partial color blindness - Monochromacy	`#282c39`
Achromatopsia	Complete color blindness - Monochromacy	`#2c2c2c`

#222b51 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#222b51 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#222b51 Light Tints

#222b51 Gray Shades

#222b51 Dark Shades

#222b51 Red Shades

#222b51 Green Shades

#222b51 Blue Shades

Readability Analysis

#222b51 as Text Color

#222b51 as Background Color

Color Blindness Simulation

#222b51 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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