0 views

#5af86c - Color Information

#5af86c

Base Information

HEX

#5af86c

RGB

90,248,108

HSL

127,92,66

HSV

127,64,97

CMYK

64,0,56,3

LAB

87,-69,54

LCH

87,88,142

XYZ

40,70,26

Web Safe

#66ff66

Web Smart

#55ff66

is dark

luminosity

0.7039

Pantone Color

Combinations

#5af86c complementary
Colors that are opposite to each other, forming a contrasting pair.

#5af86c

#F85AE6

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

#5af86c

#BB5AF8

#F85A97

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

#5af86c

#6C5AF8

#F86C5A

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

#5af86c

#5A97F8

#F85AE6

#F8BB5A

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

#5af86c

#F85AE6

#BB5AF8

#F85A97

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

#5af86c

#5AF8BB

#5AE6F8

#5A97F8

Shades

#5af86c Light Tints

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

#5AF86C

#6BF97B

#7BF989

#8CFA98

#9CFBA7

#ADFCB6

#BDFCC4

#CEFDD3

#DEFEE2

#EFFEF0

#5af86c Gray Shades

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

#5AF86C

#5EEC6E

#62E070

#65D472

#69C874

#6DBC76

#71B078

#75A47A

#78987C

#7C8C7E

#5af86c Dark Shades

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

#5AF86C

#51DF61

#48C656

#3FAE4C

#369541

#2D7C36

#24632B

#1B4A20

#123216

#09190B

#5af86c Red Shades

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

#5AF86C

#6BDF61

#7BC656

#8CAE4C

#9C9541

#AD7C36

#BD632B

#CE4A20

#DE3216

#EF190B

#5af86c Green Shades

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

#5AF86C

#51EC61

#48E056

#3FD44C

#36C841

#2DBC36

#24B02B

#1BA420

#129816

#098C0B

#5af86c Blue Shades

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

#5AF86C

#51DF7B

#48C689

#3FAE98

#3695A7

#2D7CB6

#2463C4

#1B4AD3

#1232E2

#0919F0

Readability Analysis

#5af86c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.08	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

#5af86c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.39	Fail	Sample Text
Black	15.08	AAA	Sample Text
Red	2.87	Fail	Sample Text
Green	3.69	A	Sample Text
Blue	6.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#bbe566`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#c3e08a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#76eec7`
Protanopia	No red perception - Dichromacy	`#f2da63`
Deuteranopia	No green perception - Dichromacy	`#ffd29b`
Tritanopia	No blue perception - Dichromacy	`#87e8fb`
Achromatomaly	Partial color blindness - Monochromacy	`#a3dca9`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#5af86c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5af86c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5af86c Light Tints

#5af86c Gray Shades

#5af86c Dark Shades

#5af86c Red Shades

#5af86c Green Shades

#5af86c Blue Shades

Readability Analysis

#5af86c as Text Color

#5af86c as Background Color

Color Blindness Simulation

#5af86c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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