0 views

#5ad8dd - Color Information

#5ad8dd

Base Information

HEX

#5ad8dd

RGB

90,216,221

HSL

182,66,61

HSV

182,59,87

CMYK

59,2,0,13

LAB

80,-33,-13

LCH

80,36,201

XYZ

42,57,77

Web Safe

#66cccc

Web Smart

#55dddd

is dark

luminosity

0.5651

Pantone Color

Combinations

#5ad8dd complementary
Colors that are opposite to each other, forming a contrasting pair.

#5ad8dd

#DD5F5A

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

#5ad8dd

#DD5A96

#DDA15A

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

#5ad8dd

#DD5AD8

#D8DD5A

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

#5ad8dd

#A15ADD

#DD5F5A

#96DD5A

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

#5ad8dd

#DD5F5A

#DD5A96

#DDA15A

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

#5ad8dd

#5A96DD

#5F5ADD

#A15ADD

Shades

#5ad8dd Light Tints

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

#5AD8DD

#6BDCE0

#7BE0E4

#8CE4E7

#9CE8EB

#ADECEE

#BDEFF1

#CEF3F5

#DEF7F8

#EFFBFC

#5ad8dd Gray Shades

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

#5AD8DD

#5ECFD4

#62C6CA

#65BEC1

#69B5B8

#6DACAF

#71A3A5

#759A9C

#789293

#7C8989

#5ad8dd Dark Shades

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

#5AD8DD

#51C2C7

#48ADB1

#3F979B

#368285

#2D6C6F

#245658

#1B4142

#122B2C

#091616

#5ad8dd Red Shades

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

#5AD8DD

#6BC2C7

#7BADB1

#8C979B

#9C8285

#AD6C6F

#BD5658

#CE4142

#DE2B2C

#EF1616

#5ad8dd Green Shades

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

#5AD8DD

#51CFC7

#48C6B1

#3FBE9B

#36B585

#2DAC6F

#24A358

#1B9A42

#12922C

#098916

#5ad8dd Blue Shades

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

#5AD8DD

#51C2E0

#48ADE4

#3F97E7

#3682EB

#2D6CEE

#2456F1

#1B41F5

#122BF8

#0916FC

Readability Analysis

#5ad8dd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.71	Fail	Sample Text
Black	12.30	AAA	Sample Text
Red	2.34	Fail	Sample Text
Green	3.01	A	Sample Text
Blue	5.03	AA	Sample Text

#5ad8dd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.71	Fail	Sample Text
Black	12.30	AAA	Sample Text
Red	2.34	Fail	Sample Text
Green	3.01	A	Sample Text
Blue	5.03	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ecbd5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a0c9e2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5ed6e3`
Protanopia	No red perception - Dichromacy	`#c5c3d1`
Deuteranopia	No green perception - Dichromacy	`#c9c0e5`
Tritanopia	No blue perception - Dichromacy	`#60d5e6`
Achromatomaly	Partial color blindness - Monochromacy	`#99c7c9`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#5ad8dd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#5ad8dd complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#5ad8dd Light Tints

#5ad8dd Gray Shades

#5ad8dd Dark Shades

#5ad8dd Red Shades

#5ad8dd Green Shades

#5ad8dd Blue Shades

Readability Analysis

#5ad8dd as Text Color

#5ad8dd as Background Color

Color Blindness Simulation

#5ad8dd complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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