0 views

#77daf6 - Color Information

#77daf6

Base Information

HEX

#77daf6

RGB

119,218,246

HSL

193,88,72

HSV

193,52,96

CMYK

52,11,0,4

LAB

82,-22,-23

LCH

82,31,226

XYZ

49,61,96

Web Safe

#66ccff

Web Smart

#77ddee

is dark

luminosity

0.6072

Pantone Color

Combinations

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

#77daf6

#F69377

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

#77daf6

#F6779B

#F6D277

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

#77daf6

#F677DA

#DAF677

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

#77daf6

#D277F6

#F69377

#9BF677

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

#77daf6

#F69377

#F6779B

#F6D277

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

#77daf6

#779BF6

#9377F6

#D277F6

Shades

#77daf6 Light Tints

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

#77DAF6

#85DEF7

#92E1F8

#A0E5F9

#ADE9FA

#BBEDFB

#C9F0FB

#D6F4FC

#E4F8FD

#F1FBFE

#77daf6 Gray Shades

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

#77DAF6

#78D1EA

#79C8DE

#7ABFD3

#7BB6C7

#7CADBB

#7CA4AF

#7D9BA3

#7E9298

#7F898C

#77daf6 Dark Shades

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

#77DAF6

#6BC4DD

#5FAEC5

#5399AC

#478394

#3C6D7B

#305762

#24414A

#182C31

#0C1619

#77daf6 Red Shades

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

#77DAF6

#85C4DD

#92AEC5

#A099AC

#AD8394

#BB6D7B

#C95762

#D6414A

#E42C31

#F11619

#77daf6 Green Shades

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

#77DAF6

#6BD1DD

#5FC8C5

#53BFAC

#47B694

#3CAD7B

#30A462

#249B4A

#189231

#0C8919

#77daf6 Blue Shades

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

#77DAF6

#6BC4F7

#5FAEF8

#5399F9

#4783FA

#3C6DFB

#3057FB

#2441FC

#182CFD

#0C16FE

Readability Analysis

#77daf6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.14	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.22	A	Sample Text
Blue	5.38	AA	Sample Text

#77daf6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.60	Fail	Sample Text
Black	13.14	AAA	Sample Text
Red	2.50	Fail	Sample Text
Green	3.22	A	Sample Text
Blue	5.38	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a8d0f0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a9cefa`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#74daf0`
Protanopia	No red perception - Dichromacy	`#c4caec`
Deuteranopia	No green perception - Dichromacy	`#c6c7fc`
Tritanopia	No blue perception - Dichromacy	`#72dbec`
Achromatomaly	Partial color blindness - Monochromacy	`#aaced8`
Achromatopsia	Complete color blindness - Monochromacy	`#c7c7c7`

#77daf6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#77daf6 Light Tints

#77daf6 Gray Shades

#77daf6 Dark Shades

#77daf6 Red Shades

#77daf6 Green Shades

#77daf6 Blue Shades

Readability Analysis

#77daf6 as Text Color

#77daf6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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