0 views

#a2f5bb - Color Information

#a2f5bb

Base Information

HEX

#a2f5bb

RGB

162,245,187

HSL

138,81,80

HSV

138,34,96

CMYK

34,0,24,4

LAB

90,-37,20

LCH

90,42,151

XYZ

57,77,59

Web Safe

#99ffcc

Web Smart

#aaeebb

is dark

luminosity

0.7657

Pantone Color

Combinations

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

#a2f5bb

#F5A2DC

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

#a2f5bb

#E4A2F5

#F5A2B3

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

#a2f5bb

#BBA2F5

#F5BBA2

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

#a2f5bb

#A2B3F5

#F5A2DC

#F5E4A2

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

#a2f5bb

#F5A2DC

#E4A2F5

#F5A2B3

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

#a2f5bb

#A2F5E4

#A2DCF5

#A2B3F5

Shades

#a2f5bb Light Tints

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

#A2F5BB

#ABF6C2

#B5F7C9

#BEF8CF

#C7F9D6

#D1FADD

#DAFBE4

#E3FCEB

#ECFDF1

#F6FEF8

#a2f5bb Gray Shades

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

#A2F5BB

#9FE9B5

#9BDEAF

#98D2A9

#94C6A3

#91BB9E

#8EAF98

#8AA392

#87978C

#838C86

#a2f5bb Dark Shades

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

#A2F5BB

#92DDA8

#82C496

#71AC83

#619370

#517B5E

#41624B

#314938

#203125

#101813

#a2f5bb Red Shades

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

#A2F5BB

#ABDDA8

#B5C496

#BEAC83

#C79370

#D17B5E

#DA624B

#E34938

#EC3125

#F61813

#a2f5bb Green Shades

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

#A2F5BB

#92E9A8

#82DE96

#71D283

#61C670

#51BB5E

#41AF4B

#31A338

#209725

#108C13

#a2f5bb Blue Shades

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

#A2F5BB

#92DDC2

#82C4C9

#71ACCF

#6193D6

#517BDD

#4162E4

#3149EB

#2031F1

#1018F8

Readability Analysis

#a2f5bb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.31	AAA	Sample Text
Red	3.11	A	Sample Text
Green	3.99	A	Sample Text
Blue	6.68	AA	Sample Text

#a2f5bb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.29	Fail	Sample Text
Black	16.31	AAA	Sample Text
Red	3.11	A	Sample Text
Green	3.99	A	Sample Text
Blue	6.68	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d4e9b5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dde4c3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#acefe6`
Protanopia	No red perception - Dichromacy	`#f1e1b1`
Deuteranopia	No green perception - Dichromacy	`#ffdbc8`
Tritanopia	No blue perception - Dichromacy	`#b1ebfe`
Achromatomaly	Partial color blindness - Monochromacy	`#c9e7d2`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#a2f5bb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a2f5bb Light Tints

#a2f5bb Gray Shades

#a2f5bb Dark Shades

#a2f5bb Red Shades

#a2f5bb Green Shades

#a2f5bb Blue Shades

Readability Analysis

#a2f5bb as Text Color

#a2f5bb as Background Color

Color Blindness Simulation

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

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

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

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

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

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