0 views

#77d9cc - Color Information

#77d9cc

Base Information

HEX

#77d9cc

RGB

119,217,204

HSL

172,56,66

HSV

172,45,85

CMYK

45,0,6,15

LAB

81,-32,-3

LCH

81,32,185

XYZ

43,58,66

Web Safe

#66cccc

Web Smart

#77ddcc

is dark

luminosity

0.5791

Pantone Color

Combinations

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

#77d9cc

#D97784

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

#77d9cc

#D977B5

#D99B77

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

#77d9cc

#CC77D9

#D9CC77

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

#77d9cc

#9B77D9

#D97784

#B5D977

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

#77d9cc

#D97784

#D977B5

#D99B77

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

#77d9cc

#77B5D9

#7784D9

#9B77D9

Shades

#77d9cc Light Tints

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

#77D9CC

#85DDD1

#92E1D6

#A0E4DB

#ADE8E0

#BBECE6

#C9F0EB

#D6F4F0

#E4F7F5

#F1FBFA

#77d9cc Gray Shades

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

#77D9CC

#78D0C4

#79C7BD

#7ABEB5

#7BB5AE

#7CADA6

#7CA49E

#7D9B97

#7E928F

#7F8988

#77d9cc Dark Shades

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

#77D9CC

#6BC3B8

#5FAEA3

#53988F

#47827A

#3C6D66

#305752

#24413D

#182B29

#0C1614

#77d9cc Red Shades

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

#77D9CC

#85C3B8

#92AEA3

#A0988F

#AD827A

#BB6D66

#C95752

#D6413D

#E42B29

#F11614

#77d9cc Green Shades

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

#77D9CC

#6BD0B8

#5FC7A3

#53BE8F

#47B57A

#3CAD66

#30A452

#249B3D

#189229

#0C8914

#77d9cc Blue Shades

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

#77D9CC

#6BC3D1

#5FAED6

#5398DB

#4782E0

#3C6DE6

#3057EB

#2441F0

#182BF5

#0C16FA

Readability Analysis

#77d9cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.58	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.15	AA	Sample Text

#77d9cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.67	Fail	Sample Text
Black	12.58	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.08	A	Sample Text
Blue	5.15	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#adcdc5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b3cad0`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#7cd6dc`
Protanopia	No red perception - Dichromacy	`#ccc6c1`
Deuteranopia	No green perception - Dichromacy	`#d5c1d3`
Tritanopia	No blue perception - Dichromacy	`#7fd4e5`
Achromatomaly	Partial color blindness - Monochromacy	`#a8cbc6`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#77d9cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#77d9cc Light Tints

#77d9cc Gray Shades

#77d9cc Dark Shades

#77d9cc Red Shades

#77d9cc Green Shades

#77d9cc Blue Shades

Readability Analysis

#77d9cc as Text Color

#77d9cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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