0 views

#5bdad5 - Color Information

#5bdad5

Base Information

HEX

#5bdad5

RGB

91,218,213

HSL

178,63,61

HSV

178,58,85

CMYK

58,0,2,15

LAB

80,-36,-8

LCH

80,37,193

XYZ

41,57,72

Web Safe

#66cccc

Web Smart

#55dddd

is dark

luminosity

0.5717

Pantone Color

Combinations

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

#5bdad5

#DA5B60

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

#5bdad5

#DA5BA0

#DA955B

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

#5bdad5

#D55BDA

#DAD55B

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

#5bdad5

#955BDA

#DA5B60

#A0DA5B

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

#5bdad5

#DA5B60

#DA5BA0

#DA955B

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

#5bdad5

#5BA0DA

#5B60DA

#955BDA

Shades

#5bdad5 Light Tints

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

#5BDAD5

#6BDED9

#7CE1DD

#8CE5E2

#9DE9E6

#ADEDEA

#BDF0EE

#CEF4F2

#DEF8F7

#EFFBFB

#5bdad5 Gray Shades

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

#5BDAD5

#5FD1CD

#62C8C4

#66BFBC

#6AB6B3

#6EADAB

#71A4A2

#759B9A

#799291

#7C8989

#5bdad5 Dark Shades

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

#5BDAD5

#52C4C0

#49AEAA

#409995

#378380

#2E6D6B

#245755

#1B4140

#122C2B

#091615

#5bdad5 Red Shades

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

#5BDAD5

#6BC4C0

#7CAEAA

#8C9995

#9D8380

#AD6D6B

#BD5755

#CE4140

#DE2C2B

#EF1615

#5bdad5 Green Shades

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

#5BDAD5

#52D1C0

#49C8AA

#40BF95

#37B680

#2EAD6B

#24A455

#1B9B40

#12922B

#098915

#5bdad5 Blue Shades

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

#5BDAD5

#52C4D9

#49AEDD

#4099E2

#3783E6

#2E6DEA

#2457EE

#1B41F2

#122CF7

#0916FB

Readability Analysis

#5bdad5 as Text Color

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

#5bdad5 as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a1cccd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a5cada`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#61d7e0`
Protanopia	No red perception - Dichromacy	`#c8c5c9`
Deuteranopia	No green perception - Dichromacy	`#cfc0dd`
Tritanopia	No blue perception - Dichromacy	`#65d6e7`
Achromatomaly	Partial color blindness - Monochromacy	`#9ac9c7`
Achromatopsia	Complete color blindness - Monochromacy	`#bfbfbf`

#5bdad5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5bdad5 Light Tints

#5bdad5 Gray Shades

#5bdad5 Dark Shades

#5bdad5 Red Shades

#5bdad5 Green Shades

#5bdad5 Blue Shades

Readability Analysis

#5bdad5 as Text Color

#5bdad5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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