0 views

#77d6dd - Color Information

#77d6dd

Base Information

HEX

#77d6dd

RGB

119,214,221

HSL

184,60,67

HSV

184,46,87

CMYK

46,3,0,13

LAB

80,-26,-12

LCH

80,29,205

XYZ

45,57,77

Web Safe

#66cccc

Web Smart

#77dddd

is dark

luminosity

0.5724

Pantone Color

Combinations

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

#77d6dd

#DD7E77

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

#77d6dd

#DD77A3

#DDB177

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

#77d6dd

#DD77D6

#D6DD77

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

#77d6dd

#B177DD

#DD7E77

#A3DD77

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

#77d6dd

#DD7E77

#DD77A3

#DDB177

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

#77d6dd

#77A3DD

#7E77DD

#B177DD

Shades

#77d6dd Light Tints

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

#77D6DD

#85DAE0

#92DEE4

#A0E2E7

#ADE6EB

#BBEBEE

#C9EFF1

#D6F3F5

#E4F7F8

#F1FBFC

#77d6dd Gray Shades

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

#77D6DD

#78CDD4

#79C5CA

#7ABCC1

#7BB4B8

#7CABAF

#7CA2A5

#7D9A9C

#7E9193

#7F8989

#77d6dd Dark Shades

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

#77D6DD

#6BC1C7

#5FABB1

#53969B

#478085

#3C6B6F

#305658

#244042

#182B2C

#0C1516

#77d6dd Red Shades

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

#77D6DD

#85C1C7

#92ABB1

#A0969B

#AD8085

#BB6B6F

#C95658

#D64042

#E42B2C

#F11516

#77d6dd Green Shades

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

#77D6DD

#6BCDC7

#5FC5B1

#53BC9B

#47B485

#3CAB6F

#30A258

#249A42

#18912C

#0C8916

#77d6dd Blue Shades

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

#77D6DD

#6BC1E0

#5FABE4

#5396E7

#4780EB

#3C6BEE

#3056F1

#2440F5

#182BF8

#0C15FC

Readability Analysis

#77d6dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.09	AA	Sample Text

#77d6dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.69	Fail	Sample Text
Black	12.45	AAA	Sample Text
Red	2.37	Fail	Sample Text
Green	3.05	A	Sample Text
Blue	5.09	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a9cbd6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#adc9e1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#79d4e2`
Protanopia	No red perception - Dichromacy	`#c6c5d3`
Deuteranopia	No green perception - Dichromacy	`#cbc1e3`
Tritanopia	No blue perception - Dichromacy	`#79d4e4`
Achromatomaly	Partial color blindness - Monochromacy	`#a7c9cc`
Achromatopsia	Complete color blindness - Monochromacy	`#c2c2c2`

#77d6dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#77d6dd Light Tints

#77d6dd Gray Shades

#77d6dd Dark Shades

#77d6dd Red Shades

#77d6dd Green Shades

#77d6dd Blue Shades

Readability Analysis

#77d6dd as Text Color

#77d6dd as Background Color

Color Blindness Simulation

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

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

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

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

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

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