#54e8fa hex color

In a RGB color space, hex #54e8fa is composed of 32.9% red, 91% green and 98% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 7.2% magenta, 0% yellow and 2% black. It has a hue angle of 186.5 degrees, a saturation of 94.3% and a lightness of 65.5%. #54e8fa color hex could be obtained by blending #a8ffff with #00d1f5. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 33
- G 91
- B 98
RGB color chart
- C 66
- M 7
- Y 0
- K 2
CMYK color chart

● #54e8fa color description : Soft cyan.

The hexadecimal color #54e8fa has RGB values of R:84, G:232, B:250 and CMYK values of C:0.66, M:0.07, Y:0, K:0.02. Its decimal value is 5564666.

Hex triplet	54e8fa	`#54e8fa`
RGB Decimal	84, 232, 250	`rgb(84,232,250)`
RGB Percent	32.9, 91, 98	`rgb(32.9%,91%,98%)`
CMYK	66, 7, 0, 2
HSL	186.5°, 94.3, 65.5	`hsl(186.5,94.3%,65.5%)`
HSV (or HSB)	186.5°, 66.4, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	85.249, -33.428, -20.259
XYZ	49.763, 66.496, 100.65
xyY	0.229, 0.307, 66.496
CIE-LCH	85.249, 39.088, 211.218
CIE-LUV	85.249, -55.745, -27.43
Hunter-Lab	81.545, -33.773, -16.099
Binary	01010100, 11101000, 11111010

#54e8fa
```
#54e8fa rgb(84,232,250)
```
#fa6654
```
#fa6654 rgb(250,102,84)
```

Complementary Color

#54fab9
```
#54fab9 rgb(84,250,185)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#5495fa
```
#5495fa rgb(84,149,250)
```

Analogous Color

#fab954
```
#fab954 rgb(250,185,84)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#fa5495
```
#fa5495 rgb(250,84,149)
```

Split Complementary Color

#e8fa54
```
#e8fa54 rgb(232,250,84)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#fa54e8
```
#fa54e8 rgb(250,84,232)
```

Triadic Color

#54fa66
```
#54fa66 rgb(84,250,102)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#fa54e8
```
#fa54e8 rgb(250,84,232)
```
#fa6654
```
#fa6654 rgb(250,102,84)
```

Tetradic Color

#0adef8
```
#0adef8 rgb(10,222,248)
```
#22e1f9
```
#22e1f9 rgb(34,225,249)
```
#3be5f9
```
#3be5f9 rgb(59,229,249)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#6debfb
```
#6debfb rgb(109,235,251)
```
#86effb
```
#86effb rgb(134,239,251)
```
#9ef2fc
```
#9ef2fc rgb(158,242,252)
```

Monochromatic Color

Below, you can see some colors close to #54e8fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#54fae3
```
#54fae3 rgb(84,250,227)
```
#54faf0
```
#54faf0 rgb(84,250,240)
```
#54f6fa
```
#54f6fa rgb(84,246,250)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#54dafa
```
#54dafa rgb(84,218,250)
```
#54ccfa
```
#54ccfa rgb(84,204,250)
```
#54bffa
```
#54bffa rgb(84,191,250)
```

Similar Colors

Text with hexadecimal color #54e8fa

This text has a font color of #54e8fa.

<span style="color:#54e8fa;">Text here</span>

#54e8fa background color

This paragraph has a background color of #54e8fa.

<p style="background-color:#54e8fa;">Content here</p>

#54e8fa border color

This element has a border color of #54e8fa.

<div style="border:1px solid #54e8fa;">Content here</div>

CSS codes

.text {color:#54e8fa;}

.background {background-color:#54e8fa;}

.border {border:1px solid #54e8fa;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000001 is the darkest color, while #ecfdfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#011214
```
#011214 rgb(1,18,20)
```
#012327
```
#012327 rgb(1,35,39)
```
#02343a
```
#02343a rgb(2,52,58)
```
#02454d
```
#02454d rgb(2,69,77)
```
#035660
```
#035660 rgb(3,86,96)
```
#036773
```
#036773 rgb(3,103,115)
```
#047886
```
#047886 rgb(4,120,134)
```
#048999
```
#048999 rgb(4,137,153)
```
#059aac
```
#059aac rgb(5,154,172)
```
#06abbf
```
#06abbf rgb(6,171,191)
```
#06bcd2
```
#06bcd2 rgb(6,188,210)
```
#07cde5
```
#07cde5 rgb(7,205,229)
```

Shade Color Variation

#08def8
```
#08def8 rgb(8,222,248)
```
#1be0f8
```
#1be0f8 rgb(27,224,248)
```
#2ee3f9
```
#2ee3f9 rgb(46,227,249)
```
#41e5f9
```
#41e5f9 rgb(65,229,249)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```
#67ebfb
```
#67ebfb rgb(103,235,251)
```
#7aedfb
```
#7aedfb rgb(122,237,251)
```
#8df0fc
```
#8df0fc rgb(141,240,252)
```
#a0f2fc
```
#a0f2fc rgb(160,242,252)
```
#b3f5fd
```
#b3f5fd rgb(179,245,253)
```
#c6f7fd
```
#c6f7fd rgb(198,247,253)
```
#d9fafe
```
#d9fafe rgb(217,250,254)
```
#ecfdfe
```
#ecfdfe rgb(236,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a5a8a9 is the less saturated color, while #54e8fa is the most saturated one.

#a5a8a9
```
#a5a8a9 rgb(165,168,169)
```
#9eaeb0
```
#9eaeb0 rgb(158,174,176)
```
#98b3b6
```
#98b3b6 rgb(152,179,182)
```
#91b8bd
```
#91b8bd rgb(145,184,189)
```
#8abec4
```
#8abec4 rgb(138,190,196)
```
#83c3cb
```
#83c3cb rgb(131,195,203)
```
#7dc8d1
```
#7dc8d1 rgb(125,200,209)
```
#76cdd8
```
#76cdd8 rgb(118,205,216)
```
#6fd3df
```
#6fd3df rgb(111,211,223)
```
#68d8e6
```
#68d8e6 rgb(104,216,230)
```
#62ddec
```
#62ddec rgb(98,221,236)
```
#5be3f3
```
#5be3f3 rgb(91,227,243)
```
#54e8fa
```
#54e8fa rgb(84,232,250)
```

Tone Color Variation

Below, you can see how #54e8fa is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#bebebe Achromatopsia 0.005% of the population
#a9c6ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d5ee Protanopia 1% of men
#d4d3ff Deuteranopia 1% of men
#5ce9fa Tritanopia 0.001% of the population

Trichromacy

#a5dcf2 Protanomaly 1% of men, 0.01% of women
#a5dafd Deuteranomaly 6% of men, 0.4% of women
#59e8fa Tritanomaly 0.01% of the population

#54e8fa hex color

#54e8fa Color Information

#54e8fa Color Conversion

Color Schemes with #54e8fa

Alternatives to #54e8fa

#54e8fa Preview

Shades and Tints of #54e8fa

Tones of #54e8fa

Color Blindness Simulator