0 views

#a2fbb4 - Color Information

#a2fbb4

Base Information

HEX

#a2fbb4

RGB

162,251,180

HSL

132,92,81

HSV

132,35,98

CMYK

35,0,28,2

LAB

92,-41,26

LCH

92,48,148

XYZ

58,80,56

Web Safe

#99ffcc

Web Smart

#aaffbb

is dark

luminosity

0.7997

Pantone Color

Combinations

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

#a2fbb4

#FBA2E9

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

#a2fbb4

#E1A2FB

#FBA2BC

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

#a2fbb4

#B4A2FB

#FBB4A2

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

#a2fbb4

#A2BCFB

#FBA2E9

#FBE1A2

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

#a2fbb4

#FBA2E9

#E1A2FB

#FBA2BC

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

#a2fbb4

#A2FBE1

#A2E9FB

#A2BCFB

Shades

#a2fbb4 Light Tints

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

#A2FBB4

#ABFBBC

#B5FCC3

#BEFCCB

#C7FDD2

#D1FDDA

#DAFDE1

#E3FEE9

#ECFEF0

#F6FFF8

#a2fbb4 Gray Shades

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

#A2FBB4

#9FEFAF

#9BE2AA

#98D6A4

#94CA9F

#91BE9A

#8EB195

#8AA590

#87998A

#838C85

#a2fbb4 Dark Shades

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

#A2FBB4

#92E2A2

#82C990

#71B07E

#61976C

#517E5A

#416448

#314B36

#203224

#101912

#a2fbb4 Red Shades

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

#A2FBB4

#ABE2A2

#B5C990

#BEB07E

#C7976C

#D17E5A

#DA6448

#E34B36

#EC3224

#F61912

#a2fbb4 Green Shades

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

#A2FBB4

#92EFA2

#82E290

#71D67E

#61CA6C

#51BE5A

#41B148

#31A536

#209924

#108C12

#a2fbb4 Blue Shades

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

#A2FBB4

#92E2BC

#82C9C3

#71B0CB

#6197D2

#517EDA

#4164E1

#314BE9

#2032F0

#1019F8

Readability Analysis

#a2fbb4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.99	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.16	A	Sample Text
Blue	6.95	AA	Sample Text

#a2fbb4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.99	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.16	A	Sample Text
Blue	6.95	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d9eeae`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ddeac4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b3f3e4`
Protanopia	No red perception - Dichromacy	`#f8e6aa`
Deuteranopia	No green perception - Dichromacy	`#ffe1ce`
Tritanopia	No blue perception - Dichromacy	`#bcefff`
Achromatomaly	Partial color blindness - Monochromacy	`#cbecd2`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#a2fbb4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a2fbb4 Light Tints

#a2fbb4 Gray Shades

#a2fbb4 Dark Shades

#a2fbb4 Red Shades

#a2fbb4 Green Shades

#a2fbb4 Blue Shades

Readability Analysis

#a2fbb4 as Text Color

#a2fbb4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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