0 views

#33617c - Color Information

#33617c

Base Information

HEX

#33617c

RGB

51,97,124

HSL

202,42,34

HSV

202,59,49

CMYK

59,22,0,51

LAB

39,-7,-20

LCH

39,21,250

XYZ

9,11,21

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1071

Pantone Color

Combinations

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

#33617c

#7C4E33

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

#33617c

#7C333D

#7C7233

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

#33617c

#7C3361

#617C33

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

#33617c

#72337C

#7C4E33

#3D7C33

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

#33617c

#7C4E33

#7C333D

#7C7233

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

#33617c

#333D7C

#4E337C

#72337C

Shades

#33617c Light Tints

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

#33617C

#477189

#5C8196

#7090A3

#85A0B0

#99B0BE

#ADC0CB

#C2D0D8

#D6DFE5

#EBEFF2

#33617c Gray Shades

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

#33617C

#3B647C

#42677D

#4A6A7D

#526D7E

#5A717E

#61747E

#69777F

#717A7F

#787D80

#33617c Dark Shades

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

#33617C

#2E5770

#294E63

#244457

#1F3A4A

#1A313E

#142732

#0F1D25

#0A1319

#050A0C

#33617c Red Shades

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

#33617C

#475770

#5C4E63

#704457

#853A4A

#99313E

#AD2732

#C21D25

#D61319

#EB0A0C

#33617c Green Shades

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

#33617C

#2E6470

#296763

#246A57

#1F6D4A

#1A713E

#147432

#0F7725

#0A7A19

#057D0C

#33617c Blue Shades

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

#33617C

#2E5789

#294E96

#2444A3

#1F3AB0

#1A31BE

#1427CB

#0F1DD8

#0A13E5

#050AF2

Readability Analysis

#33617c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.68	AA	Sample Text
Black	3.14	A	Sample Text
Red	1.67	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.29	Fail	Sample Text

#33617c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.68	AA	Sample Text
Black	3.14	A	Sample Text
Red	1.67	Fail	Sample Text
Green	1.30	Fail	Sample Text
Blue	1.29	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#485d79`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#475d7d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#306372`
Protanopia	No red perception - Dichromacy	`#555b77`
Deuteranopia	No green perception - Dichromacy	`#525b7d`
Tritanopia	No blue perception - Dichromacy	`#2f646c`
Achromatomaly	Partial color blindness - Monochromacy	`#4b5c66`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#33617c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#33617c Light Tints

#33617c Gray Shades

#33617c Dark Shades

#33617c Red Shades

#33617c Green Shades

#33617c Blue Shades

Readability Analysis

#33617c as Text Color

#33617c as Background Color

Color Blindness Simulation

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

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

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

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

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

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