#54fdf8 hex color

In a RGB color space, hex #54fdf8 is composed of 32.9% red, 99.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 0% magenta, 2% yellow and 0.8% black. It has a hue angle of 178.2 degrees, a saturation of 97.7% and a lightness of 66.1%. #54fdf8 color hex could be obtained by blending #a8ffff with #00fbf1. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 33
- G 99
- B 97
RGB color chart
- C 67
- M 0
- Y 2
- K 1
CMYK color chart

● #54fdf8 color description : Soft cyan.

The hexadecimal color #54fdf8 has RGB values of R:84, G:253, B:248 and CMYK values of C:0.67, M:0, Y:0.02, K:0.01. Its decimal value is 5570040.

Hex triplet	54fdf8	`#54fdf8`
RGB Decimal	84, 253, 248	`rgb(84,253,248)`
RGB Percent	32.9, 99.2, 97.3	`rgb(32.9%,99.2%,97.3%)`
CMYK	67, 0, 2, 1
HSL	178.2°, 97.7, 66.1	`hsl(178.2,97.7%,66.1%)`
HSV (or HSB)	178.2°, 66.8, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.193, -43.571, -10.299
XYZ	55.719, 78.908, 101.096
xyY	0.236, 0.335, 78.908
CIE-LCH	91.193, 44.772, 193.299
CIE-LUV	91.193, -63.258, -9.45
Hunter-Lab	88.83, -43.487, -5.296
Binary	01010100, 11111101, 11111000

#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#fd5459
```
#fd5459 rgb(253,84,89)
```

Complementary Color

#54fda4
```
#54fda4 rgb(84,253,164)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#54aefd
```
#54aefd rgb(84,174,253)
```

Analogous Color

#fda454
```
#fda454 rgb(253,164,84)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#fd54ae
```
#fd54ae rgb(253,84,174)
```

Split Complementary Color

#fdf854
```
#fdf854 rgb(253,248,84)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#f854fd
```
#f854fd rgb(248,84,253)
```

Triadic Color

#59fd54
```
#59fd54 rgb(89,253,84)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#f854fd
```
#f854fd rgb(248,84,253)
```
#fd5459
```
#fd5459 rgb(253,84,89)
```

Tetradic Color

#08fcf5
```
#08fcf5 rgb(8,252,245)
```
#22fcf6
```
#22fcf6 rgb(34,252,246)
```
#3bfdf7
```
#3bfdf7 rgb(59,253,247)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#6dfdf9
```
#6dfdf9 rgb(109,253,249)
```
#86fefa
```
#86fefa rgb(134,254,250)
```
#a0fefb
```
#a0fefb rgb(160,254,251)
```

Monochromatic Color

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

#54fdce
```
#54fdce rgb(84,253,206)
```
#54fddc
```
#54fddc rgb(84,253,220)
```
#54fdea
```
#54fdea rgb(84,253,234)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#54f4fd
```
#54f4fd rgb(84,244,253)
```
#54e6fd
```
#54e6fd rgb(84,230,253)
```
#54d8fd
```
#54d8fd rgb(84,216,253)
```

Similar Colors

Text with hexadecimal color #54fdf8

This text has a font color of #54fdf8.

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

#54fdf8 background color

This paragraph has a background color of #54fdf8.

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

#54fdf8 border color

This element has a border color of #54fdf8.

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

CSS codes

.text {color:#54fdf8;}

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

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

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, #000303 is the darkest color, while #effffe is the lightest one.

#000303
```
#000303 rgb(0,3,3)
```
#001716
```
#001716 rgb(0,23,22)
```
#002a29
```
#002a29 rgb(0,42,41)
```
#013e3c
```
#013e3c rgb(1,62,60)
```
#01514f
```
#01514f rgb(1,81,79)
```
#016462
```
#016462 rgb(1,100,98)
```
#017874
```
#017874 rgb(1,120,116)
```
#028b87
```
#028b87 rgb(2,139,135)
```
#029f9a
```
#029f9a rgb(2,159,154)
```
#02b2ad
```
#02b2ad rgb(2,178,173)
```
#02c5c0
```
#02c5c0 rgb(2,197,192)
```
#03d9d2
```
#03d9d2 rgb(3,217,210)
```
#03ece5
```
#03ece5 rgb(3,236,229)
```

Shade Color Variation

#06fcf5
```
#06fcf5 rgb(6,252,245)
```
#1afcf6
```
#1afcf6 rgb(26,252,246)
```
#2dfdf6
```
#2dfdf6 rgb(45,253,246)
```
#41fdf7
```
#41fdf7 rgb(65,253,247)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```
#67fdf9
```
#67fdf9 rgb(103,253,249)
```
#7bfdfa
```
#7bfdfa rgb(123,253,250)
```
#8efefa
```
#8efefa rgb(142,254,250)
```
#a2fefb
```
#a2fefb rgb(162,254,251)
```
#b5fefc
```
#b5fefc rgb(181,254,252)
```
#c8fefd
```
#c8fefd rgb(200,254,253)
```
#dcfffe
```
#dcfffe rgb(220,255,254)
```
#effffe
```
#effffe rgb(239,255,254)
```

Tint Color Variation

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

#a4adad
```
#a4adad rgb(164,173,173)
```
#9db4b3
```
#9db4b3 rgb(157,180,179)
```
#97bab9
```
#97bab9 rgb(151,186,185)
```
#90c1c0
```
#90c1c0 rgb(144,193,192)
```
#89c8c6
```
#89c8c6 rgb(137,200,198)
```
#83cecc
```
#83cecc rgb(131,206,204)
```
#7cd5d2
```
#7cd5d2 rgb(124,213,210)
```
#75dcd9
```
#75dcd9 rgb(117,220,217)
```
#6fe2df
```
#6fe2df rgb(111,226,223)
```
#68e9e5
```
#68e9e5 rgb(104,233,229)
```
#61f0eb
```
#61f0eb rgb(97,240,235)
```
#5bf6f2
```
#5bf6f2 rgb(91,246,242)
```
#54fdf8
```
#54fdf8 rgb(84,253,248)
```

Tone Color Variation

Below, you can see how #54fdf8 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

#cacaca Achromatopsia 0.005% of the population
#b2d4d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e5eb Protanopia 1% of men
#ede2ff Deuteranopia 1% of men
#a9f3ff Tritanopia 0.001% of the population

Trichromacy

#b3eef0 Protanomaly 1% of men, 0.01% of women
#b5ebfc Deuteranomaly 6% of men, 0.4% of women
#8af6fc Tritanomaly 0.01% of the population

#54fdf8 hex color

#54fdf8 Color Information

#54fdf8 Color Conversion

Color Schemes with #54fdf8

Alternatives to #54fdf8

#54fdf8 Preview

Shades and Tints of #54fdf8

Tones of #54fdf8

Color Blindness Simulator