0 views

#336d7c - Color Information

#336d7c

Base Information

HEX

#336d7c

RGB

51,109,124

HSL

192,42,34

HSV

192,59,49

CMYK

59,12,0,51

LAB

43,-14,-14

LCH

43,20,225

XYZ

10,13,21

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1310

Pantone Color

Combinations

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

#336d7c

#7C4233

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

#336d7c

#7C3348

#7C6633

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

#336d7c

#7C336D

#6D7C33

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

#336d7c

#67337C

#7C4233

#497C33

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

#336d7c

#7C4233

#7C3348

#7C6633

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

#336d7c

#33497C

#42337C

#67337C

Shades

#336d7c Light Tints

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

#336D7C

#477C89

#5C8A96

#7099A3

#85A7B0

#99B6BE

#ADC5CB

#C2D3D8

#D6E2E5

#EBF0F2

#336d7c Gray Shades

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

#336D7C

#3B6F7C

#42717D

#4A737D

#52757E

#5A777E

#61787E

#697A7F

#717C7F

#787E80

#336d7c Dark Shades

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

#336D7C

#2E6270

#295763

#244C57

#1F414A

#1A373E

#142C32

#0F2125

#0A1619

#050B0C

#336d7c Red Shades

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

#336D7C

#476270

#5C5763

#704C57

#85414A

#99373E

#AD2C32

#C22125

#D61619

#EB0B0C

#336d7c Green Shades

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

#336D7C

#2E6F70

#297163

#247357

#1F754A

#1A773E

#147832

#0F7A25

#0A7C19

#057E0C

#336d7c Blue Shades

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

#336D7C

#2E6289

#295796

#244CA3

#1F41B0

#1A37BE

#142CCB

#0F21D8

#0A16E5

#050BF2

Readability Analysis

#336d7c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.80	AA	Sample Text
Black	3.62	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

#336d7c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.80	AA	Sample Text
Black	3.62	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#516878`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#51677e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#346d78`
Protanopia	No red perception - Dichromacy	`#626476`
Deuteranopia	No green perception - Dichromacy	`#62637f`
Tritanopia	No blue perception - Dichromacy	`#346d76`
Achromatomaly	Partial color blindness - Monochromacy	`#51666b`
Achromatopsia	Complete color blindness - Monochromacy	`#626262`

#336d7c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#336d7c Light Tints

#336d7c Gray Shades

#336d7c Dark Shades

#336d7c Red Shades

#336d7c Green Shades

#336d7c Blue Shades

Readability Analysis

#336d7c as Text Color

#336d7c as Background Color

Color Blindness Simulation

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

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

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

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

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

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