0 views

#202f4b - Color Information

#202f4b

Base Information

HEX

#202f4b

RGB

32,47,75

HSL

219,40,21

HSV

219,57,29

CMYK

57,37,0,71

LAB

19,3,-19

LCH

19,20,279

XYZ

3,3,7

Web Safe

#333333

Web Smart

#223344

is dark

Yes

luminosity

0.0285

Pantone Color

Combinations

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

#202f4b

#4B3C20

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

#202f4b

#4B2620

#454B20

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

#202f4b

#4B202F

#2F4B20

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

#202f4b

#4B2044

#4B3C20

#204B26

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

#202f4b

#4B3C20

#4B2620

#454B20

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

#202f4b

#27204B

#3C204B

#4B2044

Shades

#202f4b Light Tints

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

#202F4B

#36445D

#4D596F

#636D81

#798293

#9097A5

#A6ACB7

#BCC1C9

#D2D5DB

#E9EAED

#202f4b Gray Shades

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

#202F4B

#2A3750

#333F56

#3D475B

#464F60

#505866

#5A606B

#636870

#6D7075

#76787B

#202f4b Dark Shades

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

#202F4B

#1D2A44

#1A263C

#162135

#131C2D

#101826

#0D131E

#0A0E16

#06090F

#030507

#202f4b Red Shades

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

#202F4B

#362A44

#4D263C

#632135

#791C2D

#901826

#A6131E

#BC0E16

#D2090F

#E90507

#202f4b Green Shades

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

#202F4B

#1D3744

#1A3F3C

#164735

#134F2D

#105826

#0D601E

#0A6816

#06700F

#037807

#202f4b Blue Shades

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

#202F4B

#1D2A5D

#1A266F

#162181

#131C93

#1018A5

#0D13B7

#0A0EC9

#0609DB

#0305ED

Readability Analysis

#202f4b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.38	AAA	Sample Text
Black	1.57	Fail	Sample Text
Red	3.35	A	Sample Text
Green	2.60	Fail	Sample Text
Blue	1.56	Fail	Sample Text

#202f4b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.38	AAA	Sample Text
Black	1.57	Fail	Sample Text
Red	3.35	A	Sample Text
Green	2.60	Fail	Sample Text
Blue	1.56	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#26314b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#24314c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1f3441`
Protanopia	No red perception - Dichromacy	`#29324c`
Deuteranopia	No green perception - Dichromacy	`#26324c`
Tritanopia	No blue perception - Dichromacy	`#1e363b`
Achromatomaly	Partial color blindness - Monochromacy	`#292e38`
Achromatopsia	Complete color blindness - Monochromacy	`#2e2e2e`

#202f4b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#202f4b Light Tints

#202f4b Gray Shades

#202f4b Dark Shades

#202f4b Red Shades

#202f4b Green Shades

#202f4b Blue Shades

Readability Analysis

#202f4b as Text Color

#202f4b as Background Color

Color Blindness Simulation

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

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

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

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

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

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