0 views

#87d7cc - Color Information

#87d7cc

Base Information

HEX

#87d7cc

RGB

135,215,204

HSL

172,50,69

HSV

172,37,84

CMYK

37,0,5,16

LAB

81,-27,-2

LCH

81,27,185

XYZ

45,58,66

Web Safe

#99cccc

Web Smart

#88ddcc

is dark

luminosity

0.5811

Pantone Color

Combinations

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

#87d7cc

#D78792

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

#87d7cc

#D787BA

#D7A487

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

#87d7cc

#CC87D7

#D7CC87

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

#87d7cc

#A487D7

#D78792

#BAD787

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

#87d7cc

#D78792

#D787BA

#D7A487

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

#87d7cc

#87BAD7

#8792D7

#A487D7

Shades

#87d7cc Light Tints

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

#87D7CC

#93DBD1

#9FDFD6

#ABE3DB

#B7E7E0

#C3EBE6

#CFEFEB

#DBF3F0

#E7F7F5

#F3FBFA

#87d7cc Gray Shades

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

#87D7CC

#86CEC4

#86C6BD

#85BDB5

#84B4AE

#84ACA6

#83A39E

#829A97

#81918F

#818988

#87d7cc Dark Shades

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

#87D7CC

#7AC2B8

#6CACA3

#5F978F

#51817A

#446C66

#365652

#28403D

#1B2B29

#0D1514

#87d7cc Red Shades

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

#87D7CC

#93C2B8

#9FACA3

#AB978F

#B7817A

#C36C66

#CF5652

#DB403D

#E72B29

#F31514

#87d7cc Green Shades

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

#87D7CC

#7ACEB8

#6CC6A3

#5FBD8F

#51B47A

#44AC66

#36A352

#289A3D

#1B9129

#0D8914

#87d7cc Blue Shades

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

#87D7CC

#7AC2D1

#6CACD6

#5F97DB

#5181E0

#446CE6

#3656EB

#2840F0

#1B2BF5

#0D15FA

Readability Analysis

#87d7cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.62	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.16	AA	Sample Text

#87d7cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.62	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.16	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b3ccc6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#bac9d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#8bd4db`
Protanopia	No red perception - Dichromacy	`#ccc6c3`
Deuteranopia	No green perception - Dichromacy	`#d6c1d2`
Tritanopia	No blue perception - Dichromacy	`#8dd2e3`
Achromatomaly	Partial color blindness - Monochromacy	`#afccc8`
Achromatopsia	Complete color blindness - Monochromacy	`#c5c5c5`

#87d7cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#87d7cc Light Tints

#87d7cc Gray Shades

#87d7cc Dark Shades

#87d7cc Red Shades

#87d7cc Green Shades

#87d7cc Blue Shades

Readability Analysis

#87d7cc as Text Color

#87d7cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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