0 views

#abd4cc - Color Information

#abd4cc

Base Information

HEX

#abd4cc

RGB

171,212,204

HSL

168,32,75

HSV

168,19,83

CMYK

19,0,4,17

LAB

82,-15,0

LCH

82,15,182

XYZ

51,60,66

Web Safe

#99cccc

Web Smart

#aacccc

is dark

luminosity

0.6010

Pantone Color

Combinations

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

#abd4cc

#D4ABB3

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

#abd4cc

#D4ABC8

#D4B7AB

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

#abd4cc

#CCABD4

#D4CCAB

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

#abd4cc

#B7ABD4

#D4ABB3

#C8D4AB

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

#abd4cc

#D4ABB3

#D4ABC8

#D4B7AB

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

#abd4cc

#ABC8D4

#ABB3D4

#B7ABD4

Shades

#abd4cc Light Tints

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

#ABD4CC

#B3D8D1

#BCDDD6

#C4E1DB

#CDE5E0

#D5EAE6

#DDEEEB

#E6F2F0

#EEF6F5

#F7FBFA

#abd4cc Gray Shades

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

#ABD4CC

#A7CCC4

#A2C3BD

#9EBBB5

#9AB2AE

#96AAA6

#91A29E

#8D9997

#89918F

#848888

#abd4cc Dark Shades

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

#ABD4CC

#9ABFB8

#89AAA3

#78948F

#677F7A

#566A66

#445552

#33403D

#222A29

#111514

#abd4cc Red Shades

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

#ABD4CC

#B3BFB8

#BCAAA3

#C4948F

#CD7F7A

#D56A66

#DD5552

#E6403D

#EE2A29

#F71514

#abd4cc Green Shades

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

#ABD4CC

#9ACCB8

#89C3A3

#78BB8F

#67B27A

#56AA66

#44A252

#33993D

#229129

#118814

#abd4cc Blue Shades

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

#ABD4CC

#9ABFD1

#89AAD6

#7894DB

#677FE0

#566AE6

#4455EB

#3340F0

#222AF5

#1115FA

Readability Analysis

#abd4cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.02	AAA	Sample Text
Red	2.48	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.33	AA	Sample Text

#abd4cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.61	Fail	Sample Text
Black	13.02	AAA	Sample Text
Red	2.48	Fail	Sample Text
Green	3.19	A	Sample Text
Blue	5.33	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#c2cdc8`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#cacace`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#add1d9`
Protanopia	No red perception - Dichromacy	`#cfc9c6`
Deuteranopia	No green perception - Dichromacy	`#dcc4d0`
Tritanopia	No blue perception - Dichromacy	`#aed0e0`
Achromatomaly	Partial color blindness - Monochromacy	`#bfcecb`
Achromatopsia	Complete color blindness - Monochromacy	`#cbcbcb`

#abd4cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abd4cc Light Tints

#abd4cc Gray Shades

#abd4cc Dark Shades

#abd4cc Red Shades

#abd4cc Green Shades

#abd4cc Blue Shades

Readability Analysis

#abd4cc as Text Color

#abd4cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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