0 views

#ade80c - Color Information

#ade80c

Base Information

HEX

#ade80c

RGB

173,232,12

HSL

76,90,48

HSV

76,95,91

CMYK

25,0,95,9

LAB

85,-44,82

LCH

85,93,118

XYZ

46,67,11

Web Safe

#99ff00

Web Smart

#aaee11

is dark

luminosity

0.6662

Pantone Color

Combinations

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

#ade80c

#470CE8

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

#ade80c

#0C3FE8

#B50CE8

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

#ade80c

#0CADE8

#E80CAD

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

#ade80c

#0CE8B5

#470CE8

#E80C3F

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

#ade80c

#470CE8

#0C3FE8

#B50CE8

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

#ade80c

#3FE80C

#0CE847

#0CE8B5

Shades

#ade80c Light Tints

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

#ADE80C

#B5EA24

#BDED3D

#C6EF55

#CEF16D

#D6F486

#DEF69E

#E6F8B6

#EFFACE

#F7FDE7

#ade80c Gray Shades

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

#ADE80C

#A9DE18

#A4D323

#A0C92F

#9BBE3A

#97B446

#92AA52

#8E9F5D

#899569

#858A74

#ade80c Dark Shades

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

#ADE80C

#9CD10B

#8ABA0A

#79A208

#688B07

#577406

#455D05

#344604

#232E02

#111701

#ade80c Red Shades

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

#ADE80C

#B5D10B

#BDBA0A

#C6A208

#CE8B07

#D67406

#DE5D05

#E64604

#EF2E02

#F71701

#ade80c Green Shades

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

#ADE80C

#9CDE0B

#8AD30A

#79C908

#68BE07

#57B406

#45AA05

#349F04

#239502

#118A01

#ade80c Blue Shades

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

#ADE80C

#9CD124

#8ABA3D

#79A255

#688B6D

#577486

#455D9E

#3446B6

#232ECE

#1117E7

Readability Analysis

#ade80c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.32	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.50	A	Sample Text
Blue	5.86	AA	Sample Text

#ade80c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.47	Fail	Sample Text
Black	14.32	AAA	Sample Text
Red	2.73	Fail	Sample Text
Green	3.50	A	Sample Text
Blue	5.86	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8dc0b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e1d653`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bcdd98`
Protanopia	No red perception - Dichromacy	`#f1d50a`
Deuteranopia	No green perception - Dichromacy	`#ffcc7c`
Tritanopia	No blue perception - Dichromacy	`#c4d7e7`
Achromatomaly	Partial color blindness - Monochromacy	`#c0d686`
Achromatopsia	Complete color blindness - Monochromacy	`#cccccc`

#ade80c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ade80c Light Tints

#ade80c Gray Shades

#ade80c Dark Shades

#ade80c Red Shades

#ade80c Green Shades

#ade80c Blue Shades

Readability Analysis

#ade80c as Text Color

#ade80c as Background Color

Color Blindness Simulation

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

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

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

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

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

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