0 views

#abf0cc - Color Information

#abf0cc

Base Information

HEX

#abf0cc

RGB

171,240,204

HSL

149,70,81

HSV

149,29,94

CMYK

29,0,15,6

LAB

90,-29,11

LCH

90,31,160

XYZ

59,75,69

Web Safe

#99ffcc

Web Smart

#aaeecc

is dark

luminosity

0.7534

Pantone Color

Combinations

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

#abf0cc

#F0ABCF

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

#abf0cc

#EFABF0

#F0ABAC

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

#abf0cc

#CCABF0

#F0CCAB

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

#abf0cc

#ABACF0

#F0ABCF

#F0EFAB

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

#abf0cc

#F0ABCF

#EFABF0

#F0ABAC

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

#abf0cc

#ABF0EF

#ABCFF0

#ABACF0

Shades

#abf0cc Light Tints

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

#ABF0CC

#B3F2D1

#BCF3D6

#C4F5DB

#CDF6E0

#D5F8E6

#DDF9EB

#E6FBF0

#EEFCF5

#F7FEFA

#abf0cc Gray Shades

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

#ABF0CC

#A7E5C4

#A2DABD

#9ECEB5

#9AC3AE

#96B8A6

#91AD9E

#8DA297

#89968F

#848B88

#abf0cc Dark Shades

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

#ABF0CC

#9AD8B8

#89C0A3

#78A88F

#67907A

#567866

#446052

#33483D

#223029

#111814

#abf0cc Red Shades

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

#ABF0CC

#B3D8B8

#BCC0A3

#C4A88F

#CD907A

#D57866

#DD6052

#E6483D

#EE3029

#F71814

#abf0cc Green Shades

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

#ABF0CC

#9AE5B8

#89DAA3

#78CE8F

#67C37A

#56B866

#44AD52

#33A23D

#229629

#118B14

#abf0cc Blue Shades

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

#ABF0CC

#9AD8D1

#89C0D6

#78A8DB

#6790E0

#5678E6

#4460EB

#3348F0

#2230F5

#1118FA

Readability Analysis

#abf0cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.31	Fail	Sample Text
Black	16.07	AAA	Sample Text
Red	3.06	A	Sample Text
Green	3.93	A	Sample Text
Blue	6.57	AA	Sample Text

#abf0cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.31	Fail	Sample Text
Black	16.07	AAA	Sample Text
Red	3.06	A	Sample Text
Green	3.93	A	Sample Text
Blue	6.57	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d4e5c6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dfe1d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b1ebea`
Protanopia	No red perception - Dichromacy	`#ebdfc3`
Deuteranopia	No green perception - Dichromacy	`#fcd8d2`
Tritanopia	No blue perception - Dichromacy	`#b5e8fb`
Achromatomaly	Partial color blindness - Monochromacy	`#cce5d8`
Achromatopsia	Complete color blindness - Monochromacy	`#dfdfdf`

#abf0cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf0cc Light Tints

#abf0cc Gray Shades

#abf0cc Dark Shades

#abf0cc Red Shades

#abf0cc Green Shades

#abf0cc Blue Shades

Readability Analysis

#abf0cc as Text Color

#abf0cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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