0 views

#33135a - Color Information

#33135a

Base Information

HEX

#33135a

RGB

51,19,90

HSL

267,65,21

HSV

267,79,35

CMYK

43,79,0,65

LAB

15,32,-36

LCH

15,48,311

XYZ

3,2,10

Web Safe

#330066

Web Smart

#331155

luminosity

0.0191

is dark color

Yes

Generate #33135a solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#33135a

#3A5A13

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

#33135a

#5A5713

#165A13

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

#33135a

#5A3313

#135A33

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

#33135a

#5A1316

#3A5A13

#135A57

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

#33135a

#3A5A13

#5A5713

#165A13

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

#33135a

#57135A

#5A133A

#5A1316

Shades

#33135a Light Tints

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

#33135A

#472B6B

#5C427B

#705A8C

#85719C

#9989AD

#ADA1BD

#C2B8CE

#D6D0DE

#EBE7EF

#33135a Gray Shades

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

#33135A

#3B1E5E

#422962

#4A3465

#523F69

#5A4A6D

#615471

#695F75

#716A78

#78757C

#33135a Dark Shades

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

#33135A

#2E1151

#290F48

#240D3F

#1F0B36

#1A0A2D

#140824

#0F061B

#0A0412

#050209

#33135a Red Shades

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

#33135A

#471151

#5C0F48

#700D3F

#850B36

#990A2D

#AD0824

#C2061B

#D60412

#EB0209

#33135a Green Shades

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

#33135A

#2E1E51

#292948

#24343F

#1F3F36

#1A4A2D

#145424

#0F5F1B

#0A6A12

#057509

#33135a Blue Shades

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

#33135A

#2E116B

#290F7B

#240D8C

#1F0B9C

#1A0AAD

#1408BD

#0F06CE

#0A04DE

#0502EF

Readability Analysis

#33135a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	15.20	AAA	Sample Text
Black	1.38	Fail	Sample Text
Red	3.80	A	Sample Text
Green	2.96	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#33135a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	15.20	AAA	Sample Text
Black	1.38	Fail	Sample Text
Red	3.80	A	Sample Text
Green	2.96	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#132157`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#132250`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2d223d`
Protanopia	No red perception - Dichromacy	`#002955`
Deuteranopia	No green perception - Dichromacy	`#002b4a`
Tritanopia	No blue perception - Dichromacy	`#2a2a2d`
Achromatomaly	Partial color blindness - Monochromacy	`#261b34`
Achromatopsia	Complete color blindness - Monochromacy	`#1f1f1f`

#33135a Color Code

Name	Code
#33135a css background color code	`.bg { background-color: #33135a; }`
#33135a css text color code	`.text { color: #33135a; }`
#33135a css border color code	`.border { border-color: #33135a; }`

#33135a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #33135a solid background color

Combinations

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

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

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

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

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

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

Shades

#33135a Light Tints

#33135a Gray Shades

#33135a Dark Shades

#33135a Red Shades

#33135a Green Shades

#33135a Blue Shades

Readability Analysis

#33135a as Text Color

#33135a as Background Color

Color Blindness Simulation

#33135a Color Code

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

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

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

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

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

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