#54e1fd hex color

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

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

● #54e1fd color description : Soft cyan.

The hexadecimal color #54e1fd has RGB values of R:84, G:225, B:253 and CMYK values of C:0.67, M:0.11, Y:0, K:0.01. Its decimal value is 5562877.

Hex triplet	54e1fd	`#54e1fd`
RGB Decimal	84, 225, 253	`rgb(84,225,253)`
RGB Percent	32.9, 88.2, 99.2	`rgb(32.9%,88.2%,99.2%)`
CMYK	67, 11, 0, 1
HSL	189.9°, 97.7, 66.1	`hsl(189.9,97.7%,66.1%)`
HSV (or HSB)	189.9°, 66.8, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.349, -29.212, -24.723
XYZ	48.306, 62.823, 102.503
xyY	0.226, 0.294, 62.823
CIE-LCH	83.349, 38.27, 220.242
CIE-LUV	83.349, -53.088, -35.531
Hunter-Lab	79.261, -29.919, -21.193
Binary	01010100, 11100001, 11111101

#54e1fd
```
#54e1fd rgb(84,225,253)
```
#fd7054
```
#fd7054 rgb(253,112,84)
```

Complementary Color

#54fdc5
```
#54fdc5 rgb(84,253,197)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#548dfd
```
#548dfd rgb(84,141,253)
```

Analogous Color

#fdc554
```
#fdc554 rgb(253,197,84)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#fd548d
```
#fd548d rgb(253,84,141)
```

Split Complementary Color

#e1fd54
```
#e1fd54 rgb(225,253,84)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#fd54e1
```
#fd54e1 rgb(253,84,225)
```

Triadic Color

#54fd70
```
#54fd70 rgb(84,253,112)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#fd54e1
```
#fd54e1 rgb(253,84,225)
```
#fd7054
```
#fd7054 rgb(253,112,84)
```

Tetradic Color

#08d4fc
```
#08d4fc rgb(8,212,252)
```
#22d8fc
```
#22d8fc rgb(34,216,252)
```
#3bddfd
```
#3bddfd rgb(59,221,253)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#6de5fd
```
#6de5fd rgb(109,229,253)
```
#86eafe
```
#86eafe rgb(134,234,254)
```
#a0eefe
```
#a0eefe rgb(160,238,254)
```

Monochromatic Color

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

#54fdef
```
#54fdef rgb(84,253,239)
```
#54fdfd
```
#54fdfd rgb(84,253,253)
```
#54effd
```
#54effd rgb(84,239,253)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#54d3fd
```
#54d3fd rgb(84,211,253)
```
#54c5fd
```
#54c5fd rgb(84,197,253)
```
#54b7fd
```
#54b7fd rgb(84,183,253)
```

Similar Colors

Text with hexadecimal color #54e1fd

This text has a font color of #54e1fd.

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

#54e1fd background color

This paragraph has a background color of #54e1fd.

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

#54e1fd border color

This element has a border color of #54e1fd.

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

CSS codes

.text {color:#54e1fd;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001317
```
#001317 rgb(0,19,23)
```
#00232a
```
#00232a rgb(0,35,42)
```
#01343e
```
#01343e rgb(1,52,62)
```
#014451
```
#014451 rgb(1,68,81)
```
#015464
```
#015464 rgb(1,84,100)
```
#016478
```
#016478 rgb(1,100,120)
```
#02748b
```
#02748b rgb(2,116,139)
```
#02859f
```
#02859f rgb(2,133,159)
```
#0295b2
```
#0295b2 rgb(2,149,178)
```
#02a5c5
```
#02a5c5 rgb(2,165,197)
```
#03b5d9
```
#03b5d9 rgb(3,181,217)
```
#03c5ec
```
#03c5ec rgb(3,197,236)
```

Shade Color Variation

#06d3fc
```
#06d3fc rgb(6,211,252)
```
#1ad7fc
```
#1ad7fc rgb(26,215,252)
```
#2ddafd
```
#2ddafd rgb(45,218,253)
```
#41defd
```
#41defd rgb(65,222,253)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```
#67e4fd
```
#67e4fd rgb(103,228,253)
```
#7be8fd
```
#7be8fd rgb(123,232,253)
```
#8eebfe
```
#8eebfe rgb(142,235,254)
```
#a2effe
```
#a2effe rgb(162,239,254)
```
#b5f2fe
```
#b5f2fe rgb(181,242,254)
```
#c8f5fe
```
#c8f5fe rgb(200,245,254)
```
#dcf9ff
```
#dcf9ff rgb(220,249,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#a4acad
```
#a4acad rgb(164,172,173)
```
#9db0b4
```
#9db0b4 rgb(157,176,180)
```
#97b5ba
```
#97b5ba rgb(151,181,186)
```
#90b9c1
```
#90b9c1 rgb(144,185,193)
```
#89bdc8
```
#89bdc8 rgb(137,189,200)
```
#83c2ce
```
#83c2ce rgb(131,194,206)
```
#7cc6d5
```
#7cc6d5 rgb(124,198,213)
```
#75cbdc
```
#75cbdc rgb(117,203,220)
```
#6fcfe2
```
#6fcfe2 rgb(111,207,226)
```
#68d4e9
```
#68d4e9 rgb(104,212,233)
```
#61d8f0
```
#61d8f0 rgb(97,216,240)
```
#5bddf6
```
#5bddf6 rgb(91,221,246)
```
#54e1fd
```
#54e1fd rgb(84,225,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a6c2c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbd0f1 Protanopia 1% of men
#caceff Deuteranopia 1% of men
#56e4f4 Tritanopia 0.001% of the population

Trichromacy

#9fd6f5 Protanomaly 1% of men, 0.01% of women
#9fd5fe Deuteranomaly 6% of men, 0.4% of women
#55e2f7 Tritanomaly 0.01% of the population

#54e1fd hex color

#54e1fd Color Information

#54e1fd Color Conversion

Color Schemes with #54e1fd

Alternatives to #54e1fd

#54e1fd Preview

Shades and Tints of #54e1fd

Tones of #54e1fd

Color Blindness Simulator