0 views

#312a2a - Color Information

#312a2a

Base Information

HEX

#312a2a

RGB

49,42,42

HSL

0,8,18

HSV

0,14,19

CMYK

0,14,14,81

LAB

18,3,1

LCH

18,3,20

XYZ

3,2,3

Web Safe

#333333

Web Smart

#332222

is dark

Yes

luminosity

0.0248

Pantone Color

Combinations

#312a2a complementary
Colors that are opposite to each other, forming a contrasting pair.

#312a2a

#2A3131

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

#312a2a

#2A312E

#2A2E31

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

#312a2a

#2A312A

#2A2A31

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

#312a2a

#2E312A

#2A3131

#2E2A31

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

#312a2a

#2A3131

#2A312E

#2A2E31

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

#312a2a

#312E2A

#31312A

#2E312A

Shades

#312a2a Light Tints

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

#312A2A

#463F3F

#5A5555

#6F6A6A

#837F7F

#989595

#ADAAAA

#C1BFBF

#D6D4D4

#EAEAEA

#312a2a Gray Shades

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

#312A2A

#393333

#413B3B

#494444

#514C4C

#595555

#605E5E

#686666

#706F6F

#787777

#312a2a Dark Shades

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

#312A2A

#2C2626

#272222

#221D1D

#1D1919

#191515

#141111

#0F0D0D

#0A0808

#050404

#312a2a Red Shades

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

#312A2A

#462626

#5A2222

#6F1D1D

#831919

#981515

#AD1111

#C10D0D

#D60808

#EA0404

#312a2a Green Shades

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

#312A2A

#2C3326

#273B22

#22441D

#1D4C19

#195515

#145E11

#0F660D

#0A6F08

#057704

#312a2a Blue Shades

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

#312A2A

#2C263F

#272255

#221D6A

#1D197F

#191595

#1411AA

#0F0DBF

#0A08D4

#0504EA

Readability Analysis

#312a2a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	14.04	AAA	Sample Text
Black	1.50	Fail	Sample Text
Red	3.51	A	Sample Text
Green	2.73	Fail	Sample Text
Blue	1.63	Fail	Sample Text

#312a2a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	14.04	AAA	Sample Text
Black	1.50	Fail	Sample Text
Red	3.51	A	Sample Text
Green	2.73	Fail	Sample Text
Blue	1.63	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#312d2d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#332c2d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#332c2f`
Protanopia	No red perception - Dichromacy	`#312f2f`
Deuteranopia	No green perception - Dichromacy	`#352e2e`
Tritanopia	No blue perception - Dichromacy	`#352e31`
Achromatomaly	Partial color blindness - Monochromacy	`#2d2b2b`
Achromatopsia	Complete color blindness - Monochromacy	`#2b2b2b`

#312a2a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#312a2a complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#312a2a Light Tints

#312a2a Gray Shades

#312a2a Dark Shades

#312a2a Red Shades

#312a2a Green Shades

#312a2a Blue Shades

Readability Analysis

#312a2a as Text Color

#312a2a as Background Color

Color Blindness Simulation

#312a2a complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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