0 views

#342e5a - Color Information

#342e5a

Base Information

HEX

#342e5a

RGB

52,46,90

HSL

248,32,27

HSV

248,49,35

CMYK

42,49,0,65

LAB

22,15,-26

LCH

22,30,300

XYZ

4,3,10

Web Safe

#333366

Web Smart

#333355

is dark

Yes

luminosity

0.0342

Pantone Color

Combinations

#342e5a complementary
Colors that are opposite to each other, forming a contrasting pair.

#342e5a

#545A2E

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

#342e5a

#5A4A2E

#3E5A2E

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

#342e5a

#5A342E

#2E5A34

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

#342e5a

#5A2E3E

#545A2E

#2E5A4A

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

#342e5a

#545A2E

#5A4A2E

#3E5A2E

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

#342e5a

#4A2E5A

#5A2E54

#5A2E3E

Shades

#342e5a Light Tints

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

#342E5A

#48436B

#5D587B

#716D8C

#85829C

#9A97AD

#AEABBD

#C2C0CE

#D6D5DE

#EBEAEF

#342e5a Gray Shades

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

#342E5A

#3C365E

#433E62

#4B4765

#524F69

#5A576D

#625F71

#696775

#717078

#78787C

#342e5a Dark Shades

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

#342E5A

#2F2951

#2A2548

#24203F

#1F1C36

#1A172D

#151224

#100E1B

#0A0912

#050509

#342e5a Red Shades

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

#342E5A

#482951

#5D2548

#71203F

#851C36

#9A172D

#AE1224

#C20E1B

#D60912

#EB0509

#342e5a Green Shades

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

#342E5A

#2F3651

#2A3E48

#24473F

#1F4F36

#1A572D

#155F24

#10671B

#0A7012

#057809

#342e5a Blue Shades

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

#342E5A

#2F296B

#2A257B

#24208C

#1F1C9C

#1A17AD

#1512BD

#100ECE

#0A09DE

#0505EF

Readability Analysis

#342e5a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.47	AAA	Sample Text
Black	1.68	Fail	Sample Text
Red	3.12	A	Sample Text
Green	2.43	Fail	Sample Text
Blue	1.45	Fail	Sample Text

#342e5a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.47	AAA	Sample Text
Black	1.68	Fail	Sample Text
Red	3.12	A	Sample Text
Green	2.43	Fail	Sample Text
Blue	1.45	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2a335c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#293459`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#313548`
Protanopia	No red perception - Dichromacy	`#24365e`
Deuteranopia	No green perception - Dichromacy	`#223758`
Tritanopia	No blue perception - Dichromacy	`#2f393d`
Achromatomaly	Partial color blindness - Monochromacy	`#333141`
Achromatopsia	Complete color blindness - Monochromacy	`#323232`

#342e5a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#342e5a complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#342e5a Light Tints

#342e5a Gray Shades

#342e5a Dark Shades

#342e5a Red Shades

#342e5a Green Shades

#342e5a Blue Shades

Readability Analysis

#342e5a as Text Color

#342e5a as Background Color

Color Blindness Simulation

#342e5a complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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