0 views

#2a303c - Color Information

#2a303c

Base Information

HEX

#2a303c

RGB

42,48,60

HSL

220,18,20

HSV

220,30,24

CMYK

30,20,0,76

LAB

20,1,-8

LCH

20,8,275

XYZ

3,3,5

Web Safe

#333333

Web Smart

#223344

is dark

Yes

luminosity

0.0293

Pantone Color

Combinations

#2a303c complementary
Colors that are opposite to each other, forming a contrasting pair.

#2a303c

#3C362A

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

#2a303c

#3C2D2A

#393C2A

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

#2a303c

#3C2A30

#303C2A

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

#2a303c

#3C2A39

#3C362A

#2A3C2D

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

#2a303c

#3C362A

#3C2D2A

#393C2A

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

#2a303c

#2D2A3C

#362A3C

#3C2A39

Shades

#2a303c Light Tints

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

#2A303C

#3F4550

#555963

#6A6E77

#7F838A

#95989E

#AAACB1

#BFC1C5

#D4D6D8

#EAEAEC

#2a303c Gray Shades

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

#2A303C

#333843

#3B404A

#444850

#4C5057

#55585E

#5E6065

#66686C

#6F7072

#777879

#2a303c Dark Shades

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

#2A303C

#262B36

#222630

#1D222A

#191D24

#15181E

#111318

#0D0E12

#080A0C

#040506

#2a303c Red Shades

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

#2A303C

#3F2B36

#552630

#6A222A

#7F1D24

#95181E

#AA1318

#BF0E12

#D40A0C

#EA0506

#2a303c Green Shades

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

#2A303C

#263836

#224030

#1D482A

#195024

#15581E

#116018

#0D6812

#08700C

#047806

#2a303c Blue Shades

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

#2A303C

#262B50

#222663

#1D2277

#191D8A

#15189E

#1113B1

#0D0EC5

#080AD8

#0405EC

Readability Analysis

#2a303c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.24	AAA	Sample Text
Black	1.59	Fail	Sample Text
Red	3.31	A	Sample Text
Green	2.58	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#2a303c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.24	AAA	Sample Text
Black	1.59	Fail	Sample Text
Red	3.31	A	Sample Text
Green	2.58	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2e323d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2f313e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2c333a`
Protanopia	No red perception - Dichromacy	`#31333e`
Deuteranopia	No green perception - Dichromacy	`#32323f`
Tritanopia	No blue perception - Dichromacy	`#2d3439`
Achromatomaly	Partial color blindness - Monochromacy	`#2e3034`
Achromatopsia	Complete color blindness - Monochromacy	`#303030`

#2a303c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2a303c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2a303c Light Tints

#2a303c Gray Shades

#2a303c Dark Shades

#2a303c Red Shades

#2a303c Green Shades

#2a303c Blue Shades

Readability Analysis

#2a303c as Text Color

#2a303c as Background Color

Color Blindness Simulation

#2a303c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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