0 views

#7cd8cc - Color Information

#7cd8cc

Base Information

HEX

#7cd8cc

RGB

124,216,204

HSL

172,54,67

HSV

172,43,85

CMYK

43,0,6,15

LAB

81,-30,-3

LCH

81,30,185

XYZ

44,58,66

Web Safe

#66cccc

Web Smart

#77ddcc

is dark

luminosity

0.5776

Pantone Color

Combinations

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

#7cd8cc

#D87C88

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

#7cd8cc

#D87CB6

#D89E7C

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

#7cd8cc

#CC7CD8

#D8CC7C

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

#7cd8cc

#9E7CD8

#D87C88

#B6D87C

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

#7cd8cc

#D87C88

#D87CB6

#D89E7C

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

#7cd8cc

#7CB6D8

#7C88D8

#9E7CD8

Shades

#7cd8cc Light Tints

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

#7CD8CC

#89DCD1

#96E0D6

#A3E4DB

#B0E8E0

#BEECE6

#CBEFEB

#D8F3F0

#E5F7F5

#F2FBFA

#7cd8cc Gray Shades

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

#7CD8CC

#7CCFC4

#7DC6BD

#7DBEB5

#7EB5AE

#7EACA6

#7EA39E

#7F9A97

#7F928F

#808988

#7cd8cc Dark Shades

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

#7CD8CC

#70C2B8

#63ADA3

#57978F

#4A827A

#3E6C66

#325652

#25413D

#192B29

#0C1614

#7cd8cc Red Shades

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

#7CD8CC

#89C2B8

#96ADA3

#A3978F

#B0827A

#BE6C66

#CB5652

#D8413D

#E52B29

#F21614

#7cd8cc Green Shades

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

#7CD8CC

#70CFB8

#63C6A3

#57BE8F

#4AB57A

#3EAC66

#32A352

#259A3D

#199229

#0C8914

#7cd8cc Blue Shades

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

#7CD8CC

#70C2D1

#63ADD6

#5797DB

#4A82E0

#3E6CE6

#3256EB

#2541F0

#192BF5

#0C16FA

Readability Analysis

#7cd8cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.55	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.14	AA	Sample Text

#7cd8cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.55	AAA	Sample Text
Red	2.39	Fail	Sample Text
Green	3.07	A	Sample Text
Blue	5.14	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#afccc5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b5c9d0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#81d5db`
Protanopia	No red perception - Dichromacy	`#cbc6c2`
Deuteranopia	No green perception - Dichromacy	`#d5c1d2`
Tritanopia	No blue perception - Dichromacy	`#83d3e4`
Achromatomaly	Partial color blindness - Monochromacy	`#aacbc7`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#7cd8cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#7cd8cc Light Tints

#7cd8cc Gray Shades

#7cd8cc Dark Shades

#7cd8cc Red Shades

#7cd8cc Green Shades

#7cd8cc Blue Shades

Readability Analysis

#7cd8cc as Text Color

#7cd8cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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