0 views

#87d3db - Color Information

#87d3db

Base Information

HEX

#87d3db

RGB

135,211,219

HSL

186,54,69

HSV

186,38,86

CMYK

38,4,0,14

LAB

80,-21,-11

LCH

80,24,208

XYZ

46,57,76

Web Safe

#99cccc

Web Smart

#88ccdd

is dark

luminosity

0.5685

Pantone Color

Combinations

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

#87d3db

#DB8F87

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

#87d3db

#DB87A9

#DBB987

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

#87d3db

#DB87D3

#D3DB87

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

#87d3db

#B987DB

#DB8F87

#A9DB87

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

#87d3db

#DB8F87

#DB87A9

#DBB987

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

#87d3db

#87A9DB

#8F87DB

#B987DB

Shades

#87d3db Light Tints

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

#87D3DB

#93D7DF

#9FDCE2

#ABE0E6

#B7E5E9

#C3E9ED

#CFEDF1

#DBF2F4

#E7F6F8

#F3FBFB

#87d3db Gray Shades

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

#87D3DB

#86CBD2

#86C2C9

#85BAC0

#84B2B7

#84AAAE

#83A1A4

#82999B

#819192

#818889

#87d3db Dark Shades

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

#87D3DB

#7ABEC5

#6CA9AF

#5F9499

#517F83

#446A6E

#365458

#283F42

#1B2A2C

#0D1516

#87d3db Red Shades

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

#87D3DB

#93BEC5

#9FA9AF

#AB9499

#B77F83

#C36A6E

#CF5458

#DB3F42

#E72A2C

#F31516

#87d3db Green Shades

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

#87D3DB

#7ACBC5

#6CC2AF

#5FBA99

#51B283

#44AA6E

#36A158

#289942

#1B912C

#0D8816

#87d3db Blue Shades

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

#87D3DB

#7ABEDF

#6CA9E2

#5F94E6

#517FE9

#446AED

#3654F1

#283FF4

#1B2AF8

#0D15FB

Readability Analysis

#87d3db as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.37	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.06	AA	Sample Text

#87d3db as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.37	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.06	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#aec9d5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b3c7de`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#88d2df`
Protanopia	No red perception - Dichromacy	`#c5c4d2`
Deuteranopia	No green perception - Dichromacy	`#ccc0e0`
Tritanopia	No blue perception - Dichromacy	`#88d1e1`
Achromatomaly	Partial color blindness - Monochromacy	`#adc9cc`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#87d3db - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#87d3db Light Tints

#87d3db Gray Shades

#87d3db Dark Shades

#87d3db Red Shades

#87d3db Green Shades

#87d3db Blue Shades

Readability Analysis

#87d3db as Text Color

#87d3db as Background Color

Color Blindness Simulation

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

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

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

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

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

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