#54dcfa hex color

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

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

● #54dcfa color description : Soft cyan.

The hexadecimal color #54dcfa has RGB values of R:84, G:220, B:250 and CMYK values of C:0.66, M:0.12, Y:0, K:0.02. Its decimal value is 5561594.

Hex triplet	54dcfa	`#54dcfa`
RGB Decimal	84, 220, 250	`rgb(84,220,250)`
RGB Percent	32.9, 86.3, 98	`rgb(32.9%,86.3%,98%)`
CMYK	66, 12, 0, 2
HSL	190.8°, 94.3, 65.5	`hsl(190.8,94.3%,65.5%)`
HSV (or HSB)	190.8°, 66.4, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	81.822, -27.664, -25.464
XYZ	46.5, 59.969, 99.562
xyY	0.226, 0.291, 59.969
CIE-LCH	81.822, 37.6, 222.628
CIE-LUV	81.822, -51.492, -36.939
Hunter-Lab	77.44, -28.337, -22.019
Binary	01010100, 11011100, 11111010

#54dcfa
```
#54dcfa rgb(84,220,250)
```
#fa7254
```
#fa7254 rgb(250,114,84)
```

Complementary Color

#54fac5
```
#54fac5 rgb(84,250,197)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#5489fa
```
#5489fa rgb(84,137,250)
```

Analogous Color

#fac554
```
#fac554 rgb(250,197,84)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#fa5489
```
#fa5489 rgb(250,84,137)
```

Split Complementary Color

#dcfa54
```
#dcfa54 rgb(220,250,84)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#fa54dc
```
#fa54dc rgb(250,84,220)
```

Triadic Color

#54fa72
```
#54fa72 rgb(84,250,114)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#fa54dc
```
#fa54dc rgb(250,84,220)
```
#fa7254
```
#fa7254 rgb(250,114,84)
```

Tetradic Color

#0acdf8
```
#0acdf8 rgb(10,205,248)
```
#22d2f9
```
#22d2f9 rgb(34,210,249)
```
#3bd7f9
```
#3bd7f9 rgb(59,215,249)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#6de1fb
```
#6de1fb rgb(109,225,251)
```
#86e6fb
```
#86e6fb rgb(134,230,251)
```
#9eebfc
```
#9eebfc rgb(158,235,252)
```

Monochromatic Color

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

#54faef
```
#54faef rgb(84,250,239)
```
#54f8fa
```
#54f8fa rgb(84,248,250)
```
#54eafa
```
#54eafa rgb(84,234,250)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#54cefa
```
#54cefa rgb(84,206,250)
```
#54c0fa
```
#54c0fa rgb(84,192,250)
```
#54b3fa
```
#54b3fa rgb(84,179,250)
```

Similar Colors

Text with hexadecimal color #54dcfa

This text has a font color of #54dcfa.

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

#54dcfa background color

This paragraph has a background color of #54dcfa.

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

#54dcfa border color

This element has a border color of #54dcfa.

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

CSS codes

.text {color:#54dcfa;}

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

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

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 #ecfbfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#011014
```
#011014 rgb(1,16,20)
```
#012027
```
#012027 rgb(1,32,39)
```
#02303a
```
#02303a rgb(2,48,58)
```
#023f4d
```
#023f4d rgb(2,63,77)
```
#034f60
```
#034f60 rgb(3,79,96)
```
#035f73
```
#035f73 rgb(3,95,115)
```
#046e86
```
#046e86 rgb(4,110,134)
```
#047e99
```
#047e99 rgb(4,126,153)
```
#058eac
```
#058eac rgb(5,142,172)
```
#069ebf
```
#069ebf rgb(6,158,191)
```
#06add2
```
#06add2 rgb(6,173,210)
```
#07bde5
```
#07bde5 rgb(7,189,229)
```

Shade Color Variation

#08ccf8
```
#08ccf8 rgb(8,204,248)
```
#1bd0f8
```
#1bd0f8 rgb(27,208,248)
```
#2ed4f9
```
#2ed4f9 rgb(46,212,249)
```
#41d8f9
```
#41d8f9 rgb(65,216,249)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```
#67e0fb
```
#67e0fb rgb(103,224,251)
```
#7ae4fb
```
#7ae4fb rgb(122,228,251)
```
#8de8fc
```
#8de8fc rgb(141,232,252)
```
#a0ecfc
```
#a0ecfc rgb(160,236,252)
```
#b3f0fd
```
#b3f0fd rgb(179,240,253)
```
#c6f3fd
```
#c6f3fd rgb(198,243,253)
```
#d9f7fe
```
#d9f7fe rgb(217,247,254)
```
#ecfbfe
```
#ecfbfe rgb(236,251,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 #54dcfa is the most saturated one.

#a5a8a9
```
#a5a8a9 rgb(165,168,169)
```
#9eacb0
```
#9eacb0 rgb(158,172,176)
```
#98b1b6
```
#98b1b6 rgb(152,177,182)
```
#91b5bd
```
#91b5bd rgb(145,181,189)
```
#8ab9c4
```
#8ab9c4 rgb(138,185,196)
```
#83becb
```
#83becb rgb(131,190,203)
```
#7dc2d1
```
#7dc2d1 rgb(125,194,209)
```
#76c6d8
```
#76c6d8 rgb(118,198,216)
```
#6fcbdf
```
#6fcbdf rgb(111,203,223)
```
#68cfe6
```
#68cfe6 rgb(104,207,230)
```
#62d3ec
```
#62d3ec rgb(98,211,236)
```
#5bd8f3
```
#5bd8f3 rgb(91,216,243)
```
#54dcfa
```
#54dcfa rgb(84,220,250)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#a3bec4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6ccef Protanopia 1% of men
#c5caff Deuteranopia 1% of men
#55dfef Tritanopia 0.001% of the population

Trichromacy

#9cd2f3 Protanomaly 1% of men, 0.01% of women
#9bd1fd Deuteranomaly 6% of men, 0.4% of women
#54def3 Tritanomaly 0.01% of the population

#54dcfa hex color

#54dcfa Color Information

#54dcfa Color Conversion

Color Schemes with #54dcfa

Alternatives to #54dcfa

#54dcfa Preview

Shades and Tints of #54dcfa

Tones of #54dcfa

Color Blindness Simulator