0 views

#312a3c - Color Information

#312a3c

Base Information

HEX

#312a3c

RGB

49,42,60

HSL

263,18,20

HSV

263,30,24

CMYK

18,30,0,76

LAB

19,8,-10

LCH

19,13,307

XYZ

3,3,5

Web Safe

#333333

Web Smart

#332244

is dark

Yes

luminosity

0.0264

Pantone Color

Combinations

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

#312a3c

#353C2A

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

#312a3c

#3C3A2A

#2C3C2A

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

#312a3c

#3C312A

#2A3C31

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

#312a3c

#3C2A2C

#353C2A

#2A3C3A

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

#312a3c

#353C2A

#3C3A2A

#2C3C2A

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

#312a3c

#3A2A3C

#3C2A35

#3C2A2C

Shades

#312a3c Light Tints

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

#312A3C

#463F50

#5A5563

#6F6A77

#837F8A

#98959E

#ADAAB1

#C1BFC5

#D6D4D8

#EAEAEC

#312a3c Gray Shades

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

#312A3C

#393343

#413B4A

#494450

#514C57

#59555E

#605E65

#68666C

#706F72

#787779

#312a3c Dark Shades

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

#312A3C

#2C2636

#272230

#221D2A

#1D1924

#19151E

#141118

#0F0D12

#0A080C

#050406

#312a3c Red Shades

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

#312A3C

#462636

#5A2230

#6F1D2A

#831924

#98151E

#AD1118

#C10D12

#D6080C

#EA0406

#312a3c Green Shades

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

#312A3C

#2C3336

#273B30

#22442A

#1D4C24

#19551E

#145E18

#0F6612

#0A6F0C

#057706

#312a3c Blue Shades

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

#312A3C

#2C2650

#272263

#221D77

#1D198A

#19159E

#1411B1

#0F0DC5

#0A08D8

#0504EC

Readability Analysis

#312a3c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.75	AAA	Sample Text
Black	1.53	Fail	Sample Text
Red	3.44	A	Sample Text
Green	2.68	Fail	Sample Text
Blue	1.60	Fail	Sample Text

#312a3c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.75	AAA	Sample Text
Black	1.53	Fail	Sample Text
Red	3.44	A	Sample Text
Green	2.68	Fail	Sample Text
Blue	1.60	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2e2e3e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#302e3d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#322e37`
Protanopia	No red perception - Dichromacy	`#2c3040`
Deuteranopia	No green perception - Dichromacy	`#2f303e`
Tritanopia	No blue perception - Dichromacy	`#323034`
Achromatomaly	Partial color blindness - Monochromacy	`#2e2c32`
Achromatopsia	Complete color blindness - Monochromacy	`#2d2d2d`

#312a3c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#312a3c Light Tints

#312a3c Gray Shades

#312a3c Dark Shades

#312a3c Red Shades

#312a3c Green Shades

#312a3c Blue Shades

Readability Analysis

#312a3c as Text Color

#312a3c as Background Color

Color Blindness Simulation

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

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

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

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

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

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