0 views

#366c9c - Color Information

#366c9c

Base Information

HEX

#366c9c

RGB

54,108,156

HSL

208,49,41

HSV

208,65,61

CMYK

65,31,0,39

LAB

44,-2,-31

LCH

44,31,266

XYZ

13,14,33

Web Safe

#336699

Web Smart

#336699

is dark

Yes

luminosity

0.1391

Pantone Color

Combinations

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

#366c9c

#9C6636

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

#366c9c

#9C3639

#9C9936

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

#366c9c

#9C366C

#6C9C36

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

#366c9c

#99369C

#9C6636

#399C36

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

#366c9c

#9C6636

#9C3639

#9C9936

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

#366c9c

#36399C

#66369C

#99369C

Shades

#366c9c Light Tints

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

#366C9C

#4A7BA6

#5E89B0

#7298BA

#86A7C4

#9BB6CE

#AFC4D7

#C3D3E1

#D7E2EB

#EBF0F5

#366c9c Gray Shades

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

#366C9C

#3D6E99

#457096

#4C7294

#547491

#5B768E

#62788B

#6A7A88

#717C86

#797E83

#366c9c Dark Shades

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

#366C9C

#31618C

#2B567D

#264C6D

#20415E

#1B364E

#162B3E

#10202F

#0B161F

#050B10

#366c9c Red Shades

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

#366C9C

#4A618C

#5E567D

#724C6D

#86415E

#9B364E

#AF2B3E

#C3202F

#D7161F

#EB0B10

#366c9c Green Shades

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

#366C9C

#316E8C

#2B707D

#26726D

#20745E

#1B764E

#16783E

#107A2F

#0B7C1F

#057E10

#366c9c Blue Shades

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

#366C9C

#3161A6

#2B56B0

#264CBA

#2041C4

#1B36CE

#162BD7

#1020E1

#0B16EB

#050BF5

Readability Analysis

#366c9c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.55	AA	Sample Text
Black	3.78	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

#366c9c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.55	AA	Sample Text
Black	3.78	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4b6899`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#45699c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2b7087`
Protanopia	No red perception - Dichromacy	`#586697`
Deuteranopia	No green perception - Dichromacy	`#4e689c`
Tritanopia	No blue perception - Dichromacy	`#24727b`
Achromatomaly	Partial color blindness - Monochromacy	`#536778`
Achromatopsia	Complete color blindness - Monochromacy	`#646464`

#366c9c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#366c9c Light Tints

#366c9c Gray Shades

#366c9c Dark Shades

#366c9c Red Shades

#366c9c Green Shades

#366c9c Blue Shades

Readability Analysis

#366c9c as Text Color

#366c9c as Background Color

Color Blindness Simulation

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

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

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

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

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

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