0 views

#2a2f45 - Color Information

#2a2f45

Base Information

HEX

#2a2f45

RGB

42,47,69

HSL

229,24,22

HSV

229,39,27

CMYK

39,32,0,73

LAB

20,4,-14

LCH

20,15,286

XYZ

3,3,6

Web Safe

#333333

Web Smart

#223344

is dark

Yes

luminosity

0.0295

Pantone Color

Combinations

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

#2a2f45

#45402A

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

#2a2f45

#45332A

#3C452A

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

#2a2f45

#452A2F

#2F452A

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

#2a2f45

#452A3C

#45402A

#2A4533

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

#2a2f45

#45402A

#45332A

#3C452A

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

#2a2f45

#332A45

#402A45

#452A3C

Shades

#2a2f45 Light Tints

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

#2A2F45

#3F4458

#55596A

#6A6D7D

#7F828F

#9597A2

#AAACB5

#BFC1C7

#D4D5DA

#EAEAEC

#2a2f45 Gray Shades

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

#2A2F45

#33374B

#3B3F51

#444757

#4C4F5D

#555863

#5E6068

#66686E

#6F7074

#77787A

#2a2f45 Dark Shades

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

#2A2F45

#262A3E

#222637

#1D2130

#191C29

#151823

#11131C

#0D0E15

#08090E

#040507

#2a2f45 Red Shades

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

#2A2F45

#3F2A3E

#552637

#6A2130

#7F1C29

#951823

#AA131C

#BF0E15

#D4090E

#EA0507

#2a2f45 Green Shades

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

#2A2F45

#26373E

#223F37

#1D4730

#194F29

#155823

#11601C

#0D6815

#08700E

#047807

#2a2f45 Blue Shades

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

#2A2F45

#262A58

#22266A

#1D217D

#191C8F

#1518A2

#1113B5

#0D0EC7

#0809DA

#0405EC

Readability Analysis

#2a2f45 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.20	AAA	Sample Text
Black	1.59	Fail	Sample Text
Red	3.30	A	Sample Text
Green	2.57	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#2a2f45 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.20	AAA	Sample Text
Black	1.59	Fail	Sample Text
Red	3.30	A	Sample Text
Green	2.57	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2c3146`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2c3146`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2a333e`
Protanopia	No red perception - Dichromacy	`#2d3347`
Deuteranopia	No green perception - Dichromacy	`#2d3347`
Tritanopia	No blue perception - Dichromacy	`#2a3539`
Achromatomaly	Partial color blindness - Monochromacy	`#2e2f37`
Achromatopsia	Complete color blindness - Monochromacy	`#303030`

#2a2f45 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a2f45 Light Tints

#2a2f45 Gray Shades

#2a2f45 Dark Shades

#2a2f45 Red Shades

#2a2f45 Green Shades

#2a2f45 Blue Shades

Readability Analysis

#2a2f45 as Text Color

#2a2f45 as Background Color

Color Blindness Simulation

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

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

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

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

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

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