0 views

#abf7cc - Color Information

#abf7cc

Base Information

HEX

#abf7cc

RGB

171,247,204

HSL

146,83,82

HSV

146,31,97

CMYK

31,0,17,3

LAB

91,-32,13

LCH

91,35,157

XYZ

61,80,69

Web Safe

#99ffcc

Web Smart

#aaffcc

is dark

luminosity

0.7954

Pantone Color

Combinations

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

#abf7cc

#F7ABD6

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

#abf7cc

#F2ABF7

#F7ABB0

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

#abf7cc

#CCABF7

#F7CCAB

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

#abf7cc

#ABB0F7

#F7ABD6

#F7F2AB

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

#abf7cc

#F7ABD6

#F2ABF7

#F7ABB0

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

#abf7cc

#ABF7F2

#ABD6F7

#ABB0F7

Shades

#abf7cc Light Tints

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

#ABF7CC

#B3F8D1

#BCF9D6

#C4F9DB

#CDFAE0

#D5FBE6

#DDFCEB

#E6FDF0

#EEFDF5

#F7FEFA

#abf7cc Gray Shades

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

#ABF7CC

#A7EBC4

#A2DFBD

#9ED3B5

#9AC7AE

#96BCA6

#91B09E

#8DA497

#89988F

#848C88

#abf7cc Dark Shades

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

#ABF7CC

#9ADEB8

#89C6A3

#78AD8F

#67947A

#567C66

#446352

#334A3D

#223129

#111914

#abf7cc Red Shades

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

#ABF7CC

#B3DEB8

#BCC6A3

#C4AD8F

#CD947A

#D57C66

#DD6352

#E64A3D

#EE3129

#F71914

#abf7cc Green Shades

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

#ABF7CC

#9AEBB8

#89DFA3

#78D38F

#67C77A

#56BC66

#44B052

#33A43D

#229829

#118C14

#abf7cc Blue Shades

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

#ABF7CC

#9ADED1

#89C6D6

#78ADDB

#6794E0

#567CE6

#4463EB

#334AF0

#2231F5

#1119FA

Readability Analysis

#abf7cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.91	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.14	A	Sample Text
Blue	6.92	AA	Sample Text

#abf7cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.91	AAA	Sample Text
Red	3.22	A	Sample Text
Green	4.14	A	Sample Text
Blue	6.92	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d8ecc6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0e8d3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b6f1ec`
Protanopia	No red perception - Dichromacy	`#f2e5c3`
Deuteranopia	No green perception - Dichromacy	`#ffdfd7`
Tritanopia	No blue perception - Dichromacy	`#bceeff`
Achromatomaly	Partial color blindness - Monochromacy	`#cfebdb`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#abf7cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf7cc Light Tints

#abf7cc Gray Shades

#abf7cc Dark Shades

#abf7cc Red Shades

#abf7cc Green Shades

#abf7cc Blue Shades

Readability Analysis

#abf7cc as Text Color

#abf7cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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