0 views

#abf2db - Color Information

#abf2db

Base Information

HEX

#abf2db

RGB

171,242,219

HSL

161,73,81

HSV

161,29,95

CMYK

29,0,10,5

LAB

90,-27,4

LCH

90,27,171

XYZ

61,77,79

Web Safe

#99ffcc

Web Smart

#aaeedd

is dark

luminosity

0.7728

Pantone Color

Combinations

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

#abf2db

#F2ABC2

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

#abf2db

#F2ABE6

#F2B7AB

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

#abf2db

#DBABF2

#F2DBAB

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

#abf2db

#B7ABF2

#F2ABC2

#E6F2AB

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

#abf2db

#F2ABC2

#F2ABE6

#F2B7AB

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

#abf2db

#ABE6F2

#ABC2F2

#B7ABF2

Shades

#abf2db Light Tints

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

#ABF2DB

#B3F3DF

#BCF5E2

#C4F6E6

#CDF7E9

#D5F9ED

#DDFAF1

#E6FBF4

#EEFCF8

#F7FEFB

#abf2db Gray Shades

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

#ABF2DB

#A7E7D2

#A2DBC9

#9ED0C0

#9AC4B7

#96B9AE

#91AEA4

#8DA29B

#899792

#848B89

#abf2db Dark Shades

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

#ABF2DB

#9ADAC5

#89C2AF

#78A999

#679183

#56796E

#446158

#334942

#22302C

#111816

#abf2db Red Shades

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

#ABF2DB

#B3DAC5

#BCC2AF

#C4A999

#CD9183

#D5796E

#DD6158

#E64942

#EE302C

#F71816

#abf2db Green Shades

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

#ABF2DB

#9AE7C5

#89DBAF

#78D099

#67C483

#56B96E

#44AE58

#33A242

#22972C

#118B16

#abf2db Blue Shades

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

#ABF2DB

#9ADADF

#89C2E2

#78A9E6

#6791E9

#5679ED

#4461F1

#3349F4

#2230F8

#1118FB

Readability Analysis

#abf2db as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.28	Fail	Sample Text
Black	16.46	AAA	Sample Text
Red	3.13	A	Sample Text
Green	4.03	A	Sample Text
Blue	6.73	AA	Sample Text

#abf2db as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.28	Fail	Sample Text
Black	16.46	AAA	Sample Text
Red	3.13	A	Sample Text
Green	4.03	A	Sample Text
Blue	6.73	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d4e8d5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dde4df`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b0eef2`
Protanopia	No red perception - Dichromacy	`#ebe2d2`
Deuteranopia	No green perception - Dichromacy	`#fadbe1`
Tritanopia	No blue perception - Dichromacy	`#b3ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#cee7df`
Achromatopsia	Complete color blindness - Monochromacy	`#e1e1e1`

#abf2db - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf2db Light Tints

#abf2db Gray Shades

#abf2db Dark Shades

#abf2db Red Shades

#abf2db Green Shades

#abf2db Blue Shades

Readability Analysis

#abf2db as Text Color

#abf2db as Background Color

Color Blindness Simulation

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

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

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

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

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

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