0 views

#a2fbdf - Color Information

#a2fbdf

Base Information

HEX

#a2fbdf

RGB

162,251,223

HSL

161,92,81

HSV

161,35,98

CMYK

35,0,11,2

LAB

93,-33,5

LCH

93,33,171

XYZ

63,82,82

Web Safe

#99ffcc

Web Smart

#aaffdd

is dark

luminosity

0.8200

Pantone Color

Combinations

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

#a2fbdf

#FBA2BE

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

#a2fbdf

#FBA2EB

#FBB2A2

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

#a2fbdf

#DFA2FB

#FBDFA2

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

#a2fbdf

#B2A2FB

#FBA2BE

#EBFBA2

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

#a2fbdf

#FBA2BE

#FBA2EB

#FBB2A2

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

#a2fbdf

#A2EBFB

#A2BEFB

#B2A2FB

Shades

#a2fbdf Light Tints

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

#A2FBDF

#ABFBE2

#B5FCE5

#BEFCE9

#C7FDEC

#D1FDEF

#DAFDF2

#E3FEF5

#ECFEF9

#F6FFFC

#a2fbdf Gray Shades

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

#A2FBDF

#9FEFD6

#9BE2CC

#98D6C3

#94CAB9

#91BEB0

#8EB1A6

#8AA59D

#879993

#838C8A

#a2fbdf Dark Shades

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

#A2FBDF

#92E2C9

#82C9B2

#71B09C

#619786

#517E70

#416459

#314B43

#20322D

#101916

#a2fbdf Red Shades

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

#A2FBDF

#ABE2C9

#B5C9B2

#BEB09C

#C79786

#D17E70

#DA6459

#E34B43

#EC322D

#F61916

#a2fbdf Green Shades

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

#A2FBDF

#92EFC9

#82E2B2

#71D69C

#61CA86

#51BE70

#41B159

#31A543

#20992D

#108C16

#a2fbdf Blue Shades

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

#A2FBDF

#92E2E2

#82C9E5

#71B0E9

#6197EC

#517EEF

#4164F2

#314BF5

#2032F9

#1019FC

Readability Analysis

#a2fbdf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.40	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

#a2fbdf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.21	Fail	Sample Text
Black	17.40	AAA	Sample Text
Red	3.31	A	Sample Text
Green	4.26	A	Sample Text
Blue	7.12	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d5efd9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ddebe4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b6f5f3`
Protanopia	No red perception - Dichromacy	`#f2e8d5`
Deuteranopia	No green perception - Dichromacy	`#ffe2e7`
Tritanopia	No blue perception - Dichromacy	`#c1f1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#cdeee3`
Achromatopsia	Complete color blindness - Monochromacy	`#e6e6e6`

#a2fbdf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a2fbdf Light Tints

#a2fbdf Gray Shades

#a2fbdf Dark Shades

#a2fbdf Red Shades

#a2fbdf Green Shades

#a2fbdf Blue Shades

Readability Analysis

#a2fbdf as Text Color

#a2fbdf as Background Color

Color Blindness Simulation

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

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

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

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

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

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