0 views

#36e78f - Color Information

#36e78f

Base Information

HEX

#36e78f

RGB

54,231,143

HSL

150,79,56

HSV

150,77,91

CMYK

77,0,38,9

LAB

82,-63,31

LCH

82,70,154

XYZ

35,60,36

Web Safe

#33ff99

Web Smart

#33ee88

is dark

luminosity

0.5992

Pantone Color

Combinations

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

#36e78f

#E7368E

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

#36e78f

#E736E7

#E73636

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

#36e78f

#8F36E7

#E78F36

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

#36e78f

#3636E7

#E7368E

#E7E736

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

#36e78f

#E7368E

#E736E7

#E73636

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

#36e78f

#36E7E7

#368EE7

#3636E7

Shades

#36e78f Light Tints

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

#36E78F

#4AE99A

#5EECA5

#72EEB1

#86F1BC

#9BF3C7

#AFF5D2

#C3F8DD

#D7FAE9

#EBFDF4

#36e78f Gray Shades

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

#36E78F

#3DDD8E

#45D28C

#4CC88B

#54BE89

#5BB488

#62A986

#6A9F85

#719583

#798A82

#36e78f Dark Shades

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

#36E78F

#31D081

#2BB972

#26A264

#208B56

#1B7448

#165C39

#10452B

#0B2E1D

#05170E

#36e78f Red Shades

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

#36E78F

#4AD081

#5EB972

#72A264

#868B56

#9B7448

#AF5C39

#C3452B

#D72E1D

#EB170E

#36e78f Green Shades

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

#36E78F

#31DD81

#2BD272

#26C864

#20BE56

#1BB448

#16A939

#109F2B

#0B951D

#058A0E

#36e78f Blue Shades

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

#36E78F

#31D09A

#2BB9A5

#26A2B1

#208BBC

#1B74C7

#165CD2

#1045DD

#0B2EE9

#0517F4

Readability Analysis

#36e78f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.98	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

#36e78f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.62	Fail	Sample Text
Black	12.98	AAA	Sample Text
Red	2.47	Fail	Sample Text
Green	3.18	A	Sample Text
Blue	5.31	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a0d587`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#accf96`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#55dfca`
Protanopia	No red perception - Dichromacy	`#dcca83`
Deuteranopia	No green perception - Dichromacy	`#efc29a`
Tritanopia	No blue perception - Dichromacy	`#67dbec`
Achromatomaly	Partial color blindness - Monochromacy	`#8bcbab`
Achromatopsia	Complete color blindness - Monochromacy	`#bbbbbb`

#36e78f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#36e78f Light Tints

#36e78f Gray Shades

#36e78f Dark Shades

#36e78f Red Shades

#36e78f Green Shades

#36e78f Blue Shades

Readability Analysis

#36e78f as Text Color

#36e78f as Background Color

Color Blindness Simulation

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

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

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

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

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

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