0 views

#336a01 - Color Information

#336a01

Base Information

HEX

#336a01

RGB

51,106,1

HSL

91,98,21

HSV

91,99,42

CMYK

52,0,99,58

LAB

40,-35,45

LCH

40,57,128

XYZ

7,11,2

Web Safe

#336600

Web Smart

#336600

is dark

Yes

luminosity

0.1101

Pantone Color

Combinations

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

#336a01

#38016A

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

#336a01

#03016A

#6A0168

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

#336a01

#01336A

#6A0133

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

#336a01

#01676A

#38016A

#6A0401

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

#336a01

#38016A

#03016A

#6A0168

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

#336a01

#016A04

#016A38

#01676A

Shades

#336a01 Light Tints

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

#336A01

#47791A

#5C8834

#70974D

#85A667

#99B580

#ADC399

#C2D2B3

#D6E1CC

#EBF0E6

#336a01 Gray Shades

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

#336A01

#3B6C0E

#426E1A

#4A7127

#527334

#5A7541

#61774D

#69795A

#717C67

#787E73

#336a01 Dark Shades

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

#336A01

#2E5F01

#295501

#244A01

#1F4001

#1A3501

#142A00

#0F2000

#0A1500

#050B00

#336a01 Red Shades

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

#336A01

#475F01

#5C5501

#704A01

#854001

#993501

#AD2A00

#C22000

#D61500

#EB0B00

#336a01 Green Shades

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

#336A01

#2E6C01

#296E01

#247101

#1F7301

#1A7501

#147700

#0F7900

#0A7C00

#057E00

#336a01 Blue Shades

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

#336A01

#2E5F1A

#295534

#244A4D

#1F4067

#1A3580

#142A99

#0F20B3

#0A15CC

#050BE6

Readability Analysis

#336a01 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.56	AA	Sample Text
Black	3.20	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

#336a01 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.56	AA	Sample Text
Black	3.20	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.28	Fail	Sample Text
Blue	1.31	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#566200`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5e5f0f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3f6544`
Protanopia	No red perception - Dichromacy	`#6a5e00`
Deuteranopia	No green perception - Dichromacy	`#775917`
Tritanopia	No blue perception - Dichromacy	`#46626a`
Achromatomaly	Partial color blindness - Monochromacy	`#4a5e38`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#336a01 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#336a01 Light Tints

#336a01 Gray Shades

#336a01 Dark Shades

#336a01 Red Shades

#336a01 Green Shades

#336a01 Blue Shades

Readability Analysis

#336a01 as Text Color

#336a01 as Background Color

Color Blindness Simulation

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

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

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

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

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

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