0 views

#202b4d - Color Information

#202b4d

Base Information

HEX

#202b4d

RGB

32,43,77

HSL

225,41,21

HSV

225,58,30

CMYK

58,44,0,70

LAB

18,7,-22

LCH

18,23,287

XYZ

3,3,7

Web Safe

#333366

Web Smart

#223355

is dark

Yes

luminosity

0.0257

Pantone Color

Combinations

#202b4d complementary
Colors that are opposite to each other, forming a contrasting pair.

#202b4d

#4D4220

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

#202b4d

#4D2C20

#414D20

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

#202b4d

#4D202B

#2B4D20

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

#202b4d

#4D2041

#4D4220

#204D2C

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

#202b4d

#4D4220

#4D2C20

#414D20

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

#202b4d

#2C204D

#42204D

#4D2041

Shades

#202b4d Light Tints

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

#202B4D

#36405F

#4D5571

#636B82

#798094

#9095A6

#A6AAB8

#BCBFCA

#D2D5DB

#E9EAED

#202b4d Gray Shades

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

#202B4D

#2A3452

#333C57

#3D455C

#464D61

#505667

#5A5E6C

#636771

#6D6F76

#76787B

#202b4d Dark Shades

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

#202B4D

#1D2745

#1A223E

#161E36

#131A2E

#101627

#0D111F

#0A0D17

#06090F

#030408

#202b4d Red Shades

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

#202B4D

#362745

#4D223E

#631E36

#791A2E

#901627

#A6111F

#BC0D17

#D2090F

#E90408

#202b4d Green Shades

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

#202B4D

#1D3445

#1A3C3E

#164536

#134D2E

#105627

#0D5E1F

#0A6717

#066F0F

#037808

#202b4d Blue Shades

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

#202B4D

#1D275F

#1A2271

#161E82

#131A94

#1016A6

#0D11B8

#0A0DCA

#0609DB

#0304ED

Readability Analysis

#202b4d as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.87	AAA	Sample Text
Black	1.51	Fail	Sample Text
Red	3.47	A	Sample Text
Green	2.70	Fail	Sample Text
Blue	1.61	Fail	Sample Text

#202b4d as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.87	AAA	Sample Text
Black	1.51	Fail	Sample Text
Red	3.47	A	Sample Text
Green	2.70	Fail	Sample Text
Blue	1.61	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#222e4e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1f2e4d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1d3140`
Protanopia	No red perception - Dichromacy	`#232f4e`
Deuteranopia	No green perception - Dichromacy	`#1e304e`
Tritanopia	No blue perception - Dichromacy	`#1c3438`
Achromatomaly	Partial color blindness - Monochromacy	`#272b37`
Achromatopsia	Complete color blindness - Monochromacy	`#2b2b2b`

#202b4d - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#202b4d complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#202b4d Light Tints

#202b4d Gray Shades

#202b4d Dark Shades

#202b4d Red Shades

#202b4d Green Shades

#202b4d Blue Shades

Readability Analysis

#202b4d as Text Color

#202b4d as Background Color

Color Blindness Simulation

#202b4d complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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