0 views

#36f81f - Color Information

#36f81f

Base Information

HEX

#36f81f

RGB

54,248,31

HSL

114,94,55

HSV

114,88,97

CMYK

78,0,88,3

LAB

86,-80,79

LCH

86,112,136

XYZ

35,68,13

Web Safe

#33ff33

Web Smart

#33ff22

is dark

luminosity

0.6802

Pantone Color

Combinations

#36f81f complementary
Colors that are opposite to each other, forming a contrasting pair.

#36f81f

#E11FF8

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

#36f81f

#741FF8

#F81FA2

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

#36f81f

#1F36F8

#F81F36

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

#36f81f

#1FA2F8

#E11FF8

#F8751F

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

#36f81f

#E11FF8

#741FF8

#F81FA2

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

#36f81f

#1FF875

#1FF8E1

#1FA2F8

Shades

#36f81f Light Tints

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

#36F81F

#4AF935

#5EF94C

#72FA62

#86FB79

#9BFC8F

#AFFCA5

#C3FDBC

#D7FED2

#EBFEE9

#36f81f Gray Shades

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

#36F81F

#3DEC29

#45E032

#4CD43C

#54C846

#5BBC50

#62B059

#6AA463

#71986D

#798C76

#36f81f Dark Shades

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

#36F81F

#31DF1C

#2BC619

#26AE16

#209513

#1B7C10

#16630C

#104A09

#0B3206

#051903

#36f81f Red Shades

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

#36F81F

#4ADF1C

#5EC619

#72AE16

#869513

#9B7C10

#AF630C

#C34A09

#D73206

#EB1903

#36f81f Green Shades

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

#36F81F

#31EC1C

#2BE019

#26D416

#20C813

#1BBC10

#16B00C

#10A409

#0B9806

#058C03

#36f81f Blue Shades

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

#36F81F

#31DF35

#2BC64C

#26AE62

#209579

#1B7C8F

#1663A5

#104ABC

#0B32D2

#0519E9

Readability Analysis

#36f81f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.60	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.98	AA	Sample Text

#36f81f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.44	Fail	Sample Text
Black	14.60	AAA	Sample Text
Red	2.78	Fail	Sample Text
Green	3.57	A	Sample Text
Blue	5.98	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#aee31c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b6de61`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#62eca9`
Protanopia	No red perception - Dichromacy	`#f3d71b`
Deuteranopia	No green perception - Dichromacy	`#ffcf86`
Tritanopia	No blue perception - Dichromacy	`#7be6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#8dd485`
Achromatopsia	Complete color blindness - Monochromacy	`#bfbfbf`

#36f81f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#36f81f complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#36f81f Light Tints

#36f81f Gray Shades

#36f81f Dark Shades

#36f81f Red Shades

#36f81f Green Shades

#36f81f Blue Shades

Readability Analysis

#36f81f as Text Color

#36f81f as Background Color

Color Blindness Simulation

#36f81f complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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