0 views

#336c0c - Color Information

#336c0c

Base Information

HEX

#336c0c

RGB

51,108,12

HSL

96,80,24

HSV

96,89,42

CMYK

53,0,89,58

LAB

40,-35,43

LCH

40,55,130

XYZ

7,11,2

Web Safe

#336600

Web Smart

#336611

is dark

Yes

luminosity

0.1146

Pantone Color

Combinations

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

#336c0c

#450C6C

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

#336c0c

#150C6C

#6C0C63

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

#336c0c

#0C336C

#6C0C33

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

#336c0c

#0C636C

#450C6C

#6C150C

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

#336c0c

#450C6C

#150C6C

#6C0C63

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

#336c0c

#0C6C15

#0C6C45

#0C636C

Shades

#336c0c Light Tints

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

#336C0C

#477B24

#5C893D

#709855

#85A76D

#99B686

#ADC49E

#C2D3B6

#D6E2CE

#EBF0E7

#336c0c Gray Shades

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

#336C0C

#3B6E18

#427023

#4A722F

#52743A

#5A7646

#617852

#697A5D

#717C69

#787E74

#336c0c Dark Shades

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

#336C0C

#2E610B

#29560A

#244C08

#1F4107

#1A3606

#142B05

#0F2004

#0A1602

#050B01

#336c0c Red Shades

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

#336C0C

#47610B

#5C560A

#704C08

#854107

#993606

#AD2B05

#C22004

#D61602

#EB0B01

#336c0c Green Shades

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

#336C0C

#2E6E0B

#29700A

#247208

#1F7407

#1A7606

#147805

#0F7A04

#0A7C02

#057E01

#336c0c Blue Shades

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

#336C0C

#2E6124

#29563D

#244C55

#1F416D

#1A3686

#142B9E

#0F20B6

#0A16CE

#050BE7

Readability Analysis

#336c0c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.38	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

#336c0c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.38	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#57640f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5f6117`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3f6749`
Protanopia	No red perception - Dichromacy	`#6c5f11`
Deuteranopia	No green perception - Dichromacy	`#795a1e`
Tritanopia	No blue perception - Dichromacy	`#46646c`
Achromatomaly	Partial color blindness - Monochromacy	`#4b603d`
Achromatopsia	Complete color blindness - Monochromacy	`#595959`

#336c0c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#336c0c Light Tints

#336c0c Gray Shades

#336c0c Dark Shades

#336c0c Red Shades

#336c0c Green Shades

#336c0c Blue Shades

Readability Analysis

#336c0c as Text Color

#336c0c as Background Color

Color Blindness Simulation

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

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

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

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

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

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