0 views

#abf7b0 - Color Information

#abf7b0

Base Information

HEX

#abf7b0

RGB

171,247,176

HSL

124,83,82

HSV

124,31,97

CMYK

31,0,29,3

LAB

91,-37,27

LCH

91,46,144

XYZ

58,78,53

Web Safe

#99ff99

Web Smart

#aaffaa

is dark

luminosity

0.7831

Pantone Color

Combinations

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

#abf7b0

#F7ABF2

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

#abf7b0

#D6ABF7

#F7ABCC

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

#abf7b0

#B0ABF7

#F7B0AB

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

#abf7b0

#ABCCF7

#F7ABF2

#F7D6AB

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

#abf7b0

#F7ABF2

#D6ABF7

#F7ABCC

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

#abf7b0

#ABF7D6

#ABF2F7

#ABCCF7

Shades

#abf7b0 Light Tints

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

#ABF7B0

#B3F8B8

#BCF9C0

#C4F9C8

#CDFAD0

#D5FBD8

#DDFCDF

#E6FDE7

#EEFDEF

#F7FEF7

#abf7b0 Gray Shades

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

#ABF7B0

#A7EBAB

#A2DFA6

#9ED3A2

#9AC79D

#96BC98

#91B093

#8DA48E

#89988A

#848C85

#abf7b0 Dark Shades

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

#ABF7B0

#9ADE9E

#89C68D

#78AD7B

#67946A

#567C58

#446346

#334A35

#223123

#111912

#abf7b0 Red Shades

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

#ABF7B0

#B3DE9E

#BCC68D

#C4AD7B

#CD946A

#D57C58

#DD6346

#E64A35

#EE3123

#F71912

#abf7b0 Green Shades

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

#ABF7B0

#9AEB9E

#89DF8D

#78D37B

#67C76A

#56BC58

#44B046

#33A435

#229823

#118C12

#abf7b0 Blue Shades

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

#ABF7B0

#9ADEB8

#89C6C0

#78ADC8

#6794D0

#567CD8

#4463DF

#334AE7

#2231EF

#1119F7

Readability Analysis

#abf7b0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.66	AAA	Sample Text
Red	3.17	A	Sample Text
Green	4.08	A	Sample Text
Blue	6.82	AA	Sample Text

#abf7b0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.26	Fail	Sample Text
Black	16.66	AAA	Sample Text
Red	3.17	A	Sample Text
Green	4.08	A	Sample Text
Blue	6.82	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#dbebaa`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e0e7bf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b5f0e2`
Protanopia	No red perception - Dichromacy	`#f6e4a7`
Deuteranopia	No green perception - Dichromacy	`#ffdec8`
Tritanopia	No blue perception - Dichromacy	`#bbecff`
Achromatomaly	Partial color blindness - Monochromacy	`#cee9d0`
Achromatopsia	Complete color blindness - Monochromacy	`#e2e2e2`

#abf7b0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abf7b0 Light Tints

#abf7b0 Gray Shades

#abf7b0 Dark Shades

#abf7b0 Red Shades

#abf7b0 Green Shades

#abf7b0 Blue Shades

Readability Analysis

#abf7b0 as Text Color

#abf7b0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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