0 views

#54dae2 - Color Information

#54dae2

Base Information

HEX

#54dae2

RGB

84,218,226

HSL

183,71,61

HSV

183,63,89

CMYK

63,4,0,11

LAB

80,-34,-15

LCH

80,37,204

XYZ

42,58,81

Web Safe

#66cccc

Web Smart

#55dddd

is dark

luminosity

0.5752

Pantone Color

Combinations

#54dae2 complementary
Colors that are opposite to each other, forming a contrasting pair.

#54dae2

#E25C54

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

#54dae2

#E25493

#E2A354

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

#54dae2

#E254DA

#DAE254

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

#54dae2

#A354E2

#E25C54

#93E254

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

#54dae2

#E25C54

#E25493

#E2A354

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

#54dae2

#5493E2

#5C54E2

#A354E2

Shades

#54dae2 Light Tints

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

#54DAE2

#65DEE5

#76E1E8

#87E5EB

#98E9EE

#AAEDF1

#BBF0F3

#CCF4F6

#DDF8F9

#EEFBFC

#54dae2 Gray Shades

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

#54DAE2

#58D1D8

#5DC8CE

#61BFC5

#66B6BB

#6AADB1

#6EA4A7

#739B9D

#779294

#7C898A

#54dae2 Dark Shades

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

#54DAE2

#4CC4CB

#43AEB5

#3B999E

#328388

#2A6D71

#22575A

#194144

#112C2D

#081617

#54dae2 Red Shades

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

#54DAE2

#65C4CB

#76AEB5

#87999E

#988388

#AA6D71

#BB575A

#CC4144

#DD2C2D

#EE1617

#54dae2 Green Shades

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

#54DAE2

#4CD1CB

#43C8B5

#3BBF9E

#32B688

#2AAD71

#22A45A

#199B44

#11922D

#088917

#54dae2 Blue Shades

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

#54DAE2

#4CC4E5

#43AEE8

#3B99EB

#3283EE

#2A6DF1

#2257F3

#1941F6

#112CF9

#0816FC

Readability Analysis

#54dae2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.50	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.12	AA	Sample Text

#54dae2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.50	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.12	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#9ccdda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9ecbe7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#57d9e6`
Protanopia	No red perception - Dichromacy	`#c5c5d6`
Deuteranopia	No green perception - Dichromacy	`#c8c2ea`
Tritanopia	No blue perception - Dichromacy	`#59d8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#98c8cb`
Achromatopsia	Complete color blindness - Monochromacy	`#bebebe`

#54dae2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#54dae2 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#54dae2 Light Tints

#54dae2 Gray Shades

#54dae2 Dark Shades

#54dae2 Red Shades

#54dae2 Green Shades

#54dae2 Blue Shades

Readability Analysis

#54dae2 as Text Color

#54dae2 as Background Color

Color Blindness Simulation

#54dae2 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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