0 views

#abfbdd - Color Information

#abfbdd

Base Information

HEX

#abfbdd

RGB

171,251,221

HSL

158,91,83

HSV

158,32,98

CMYK

32,0,12,2

LAB

93,-31,7

LCH

93,31,168

XYZ

64,83,81

Web Safe

#99ffcc

Web Smart

#aaffdd

is dark

luminosity

0.8287

Pantone Color

Combinations

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

#abfbdd

#FBABC9

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

#abfbdd

#FBABF1

#FBB5AB

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

#abfbdd

#DDABFB

#FBDDAB

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

#abfbdd

#B5ABFB

#FBABC9

#F1FBAB

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

#abfbdd

#FBABC9

#FBABF1

#FBB5AB

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

#abfbdd

#ABF1FB

#ABC9FB

#B5ABFB

Shades

#abfbdd Light Tints

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

#ABFBDD

#B3FBE0

#BCFCE4

#C4FCE7

#CDFDEB

#D5FDEE

#DDFDF1

#E6FEF5

#EEFEF8

#F7FFFC

#abfbdd Gray Shades

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

#ABFBDD

#A7EFD4

#A2E2CA

#9ED6C1

#9ACAB8

#96BEAF

#91B1A5

#8DA59C

#899993

#848C89

#abfbdd Dark Shades

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

#ABFBDD

#9AE2C7

#89C9B1

#78B09B

#679785

#567E6F

#446458

#334B42

#22322C

#111916

#abfbdd Red Shades

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

#ABFBDD

#B3E2C7

#BCC9B1

#C4B09B

#CD9785

#D57E6F

#DD6458

#E64B42

#EE322C

#F71916

#abfbdd Green Shades

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

#ABFBDD

#9AEFC7

#89E2B1

#78D69B

#67CA85

#56BE6F

#44B158

#33A542

#22992C

#118C16

#abfbdd Blue Shades

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

#ABFBDD

#9AE2E0

#89C9E4

#78B0E7

#6797EB

#567EEE

#4464F1

#334BF5

#2232F8

#1119FC

Readability Analysis

#abfbdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.57	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.19	AAA	Sample Text

#abfbdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.19	Fail	Sample Text
Black	17.57	AAA	Sample Text
Red	3.35	A	Sample Text
Green	4.30	A	Sample Text
Blue	7.19	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d9f0d7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0ece2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#bdf5f3`
Protanopia	No red perception - Dichromacy	`#f4e9d3`
Deuteranopia	No green perception - Dichromacy	`#ffe4e5`
Tritanopia	No blue perception - Dichromacy	`#c7f1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#d2efe4`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#abfbdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abfbdd Light Tints

#abfbdd Gray Shades

#abfbdd Dark Shades

#abfbdd Red Shades

#abfbdd Green Shades

#abfbdd Blue Shades

Readability Analysis

#abfbdd as Text Color

#abfbdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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