0 views

#5af6d6 - Color Information

#5af6d6

Base Information

HEX

#5af6d6

RGB

90,246,214

HSL

168,90,66

HSV

168,63,96

CMYK

63,0,13,4

LAB

88,-48,3

LCH

88,48,176

XYZ

49,73,75

Web Safe

#66ffcc

Web Smart

#55eedd

is dark

luminosity

0.7294

Pantone Color

Combinations

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

#5af6d6

#F65A7A

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

#5af6d6

#F65AC8

#F6885A

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

#5af6d6

#D65AF6

#F6D65A

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

#5af6d6

#885AF6

#F65A7A

#C8F65A

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

#5af6d6

#F65A7A

#F65AC8

#F6885A

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

#5af6d6

#5AC8F6

#5A7AF6

#885AF6

Shades

#5af6d6 Light Tints

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

#5AF6D6

#6BF7DA

#7BF8DE

#8CF9E2

#9CFAE6

#ADFBEB

#BDFBEF

#CEFCF3

#DEFDF7

#EFFEFB

#5af6d6 Gray Shades

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

#5AF6D6

#5EEACD

#62DEC5

#65D3BC

#69C7B4

#6DBBAB

#71AFA2

#75A39A

#789891

#7C8C89

#5af6d6 Dark Shades

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

#5AF6D6

#51DDC1

#48C5AB

#3FAC96

#369480

#2D7B6B

#246256

#1B4A40

#12312B

#091915

#5af6d6 Red Shades

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

#5AF6D6

#6BDDC1

#7BC5AB

#8CAC96

#9C9480

#AD7B6B

#BD6256

#CE4A40

#DE312B

#EF1915

#5af6d6 Green Shades

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

#5AF6D6

#51EAC1

#48DEAB

#3FD396

#36C780

#2DBB6B

#24AF56

#1BA340

#12982B

#098C15

#5af6d6 Blue Shades

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

#5AF6D6

#51DDDA

#48C5DE

#3FACE2

#3694E6

#2D7BEB

#2462EF

#1B4AF3

#1231F7

#0919FB

Readability Analysis

#5af6d6 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.59	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.38	AA	Sample Text

#5af6d6 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.59	AAA	Sample Text
Red	2.97	Fail	Sample Text
Green	3.81	A	Sample Text
Blue	6.38	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b3e6cd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#bbe2dc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#72f1f0`
Protanopia	No red perception - Dichromacy	`#e6dcc8`
Deuteranopia	No green perception - Dichromacy	`#f2d6e0`
Tritanopia	No blue perception - Dichromacy	`#7fedff`
Achromatomaly	Partial color blindness - Monochromacy	`#a7dfd4`
Achromatopsia	Complete color blindness - Monochromacy	`#d3d3d3`

#5af6d6 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#5af6d6 Light Tints

#5af6d6 Gray Shades

#5af6d6 Dark Shades

#5af6d6 Red Shades

#5af6d6 Green Shades

#5af6d6 Blue Shades

Readability Analysis

#5af6d6 as Text Color

#5af6d6 as Background Color

Color Blindness Simulation

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

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

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

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

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

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