0 views

#54d8fe - Color Information

#54d8fe

Base Information

HEX

#54d8fe

RGB

84,216,254

HSL

193,99,66

HSV

193,67,100

CMYK

67,15,0,0

LAB

81,-24,-29

LCH

81,38,230

XYZ

46,58,103

Web Safe

#66ccff

Web Smart

#55ddff

is dark

luminosity

0.5815

Pantone Color

Combinations

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

#54d8fe

#FE7A54

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

#54d8fe

#FE5483

#FECF54

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

#54d8fe

#FE54D8

#D8FE54

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

#54d8fe

#CF54FE

#FE7A54

#83FE54

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

#54d8fe

#FE7A54

#FE5483

#FECF54

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

#54d8fe

#5483FE

#7A54FE

#CF54FE

Shades

#54d8fe Light Tints

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

#54D8FE

#65DCFE

#76E0FE

#87E4FE

#98E8FE

#AAECFF

#BBEFFF

#CCF3FF

#DDF7FF

#EEFBFF

#54d8fe Gray Shades

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

#54D8FE

#58CFF1

#5DC6E5

#61BED8

#66B5CC

#6AACBF

#6EA3B2

#739AA6

#779299

#7C898D

#54d8fe Dark Shades

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

#54D8FE

#4CC2E5

#43ADCB

#3B97B2

#328298

#2A6C7F

#225666

#19414C

#112B33

#081619

#54d8fe Red Shades

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

#54D8FE

#65C2E5

#76ADCB

#8797B2

#988298

#AA6C7F

#BB5666

#CC414C

#DD2B33

#EE1619

#54d8fe Green Shades

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

#54D8FE

#4CCFE5

#43C6CB

#3BBEB2

#32B598

#2AAC7F

#22A366

#199A4C

#119233

#088919

#54d8fe Blue Shades

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

#54D8FE

#4CC2FE

#43ADFE

#3B97FE

#3282FE

#2A6CFF

#2256FF

#1941FF

#112BFF

#0816FF

Readability Analysis

#54d8fe as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.63	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

#54d8fe as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.63	AAA	Sample Text
Red	2.40	Fail	Sample Text
Green	3.09	A	Sample Text
Blue	5.17	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#97ccf7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#95ccff`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#4cd9f2`
Protanopia	No red perception - Dichromacy	`#bdc5f3`
Deuteranopia	No green perception - Dichromacy	`#bac4ff`
Tritanopia	No blue perception - Dichromacy	`#48daec`
Achromatomaly	Partial color blindness - Monochromacy	`#98c8d6`
Achromatopsia	Complete color blindness - Monochromacy	`#bfbfbf`

#54d8fe - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#54d8fe Light Tints

#54d8fe Gray Shades

#54d8fe Dark Shades

#54d8fe Red Shades

#54d8fe Green Shades

#54d8fe Blue Shades

Readability Analysis

#54d8fe as Text Color

#54d8fe as Background Color

Color Blindness Simulation

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

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

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

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

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

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