0 views

#abedcc - Color Information

#abedcc

Base Information

HEX

#abedcc

RGB

171,237,204

HSL

150,65,80

HSV

150,28,93

CMYK

28,0,14,7

LAB

89,-27,9

LCH

89,29,161

XYZ

58,74,68

Web Safe

#99ffcc

Web Smart

#aaeecc

is dark

luminosity

0.7359

Pantone Color

Combinations

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

#abedcc

#EDABCC

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

#abedcc

#EDABED

#EDABAB

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

#abedcc

#CCABED

#EDCCAB

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

#abedcc

#ABABED

#EDABCC

#EDEDAB

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

#abedcc

#EDABCC

#EDABED

#EDABAB

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

#abedcc

#ABEDED

#ABCCED

#ABABED

Shades

#abedcc Light Tints

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

#ABEDCC

#B3EFD1

#BCF1D6

#C4F2DB

#CDF4E0

#D5F6E6

#DDF8EB

#E6FAF0

#EEFBF5

#F7FDFA

#abedcc Gray Shades

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

#ABEDCC

#A7E2C4

#A2D7BD

#9ECCB5

#9AC1AE

#96B7A6

#91AC9E

#8DA197

#89968F

#848B88

#abedcc Dark Shades

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

#ABEDCC

#9AD5B8

#89BEA3

#78A68F

#678E7A

#567766

#445F52

#33473D

#222F29

#111814

#abedcc Red Shades

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

#ABEDCC

#B3D5B8

#BCBEA3

#C4A68F

#CD8E7A

#D57766

#DD5F52

#E6473D

#EE2F29

#F71814

#abedcc Green Shades

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

#ABEDCC

#9AE2B8

#89D7A3

#78CC8F

#67C17A

#56B766

#44AC52

#33A13D

#229629

#118B14

#abedcc Blue Shades

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

#ABEDCC

#9AD5D1

#89BED6

#78A6DB

#678EE0

#5677E6

#445FEB

#3347F0

#222FF5

#1118FA

Readability Analysis

#abedcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.72	AAA	Sample Text
Red	2.99	Fail	Sample Text
Green	3.85	A	Sample Text
Blue	6.43	AA	Sample Text

#abedcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.34	Fail	Sample Text
Black	15.72	AAA	Sample Text
Red	2.99	Fail	Sample Text
Green	3.85	A	Sample Text
Blue	6.43	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2e3c7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ddded0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b1e8e8`
Protanopia	No red perception - Dichromacy	`#e8ddc3`
Deuteranopia	No green perception - Dichromacy	`#f9d6d2`
Tritanopia	No blue perception - Dichromacy	`#b4e6f8`
Achromatomaly	Partial color blindness - Monochromacy	`#cbe3d7`
Achromatopsia	Complete color blindness - Monochromacy	`#dddddd`

#abedcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abedcc Light Tints

#abedcc Gray Shades

#abedcc Dark Shades

#abedcc Red Shades

#abedcc Green Shades

#abedcc Blue Shades

Readability Analysis

#abedcc as Text Color

#abedcc as Background Color

Color Blindness Simulation

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

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

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

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

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

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