#54e5fd hex color

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

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

● #54e5fd color description : Soft cyan.

The hexadecimal color #54e5fd has RGB values of R:84, G:229, B:253 and CMYK values of C:0.67, M:0.09, Y:0, K:0.01. Its decimal value is 5563901.

Hex triplet	54e5fd	`#54e5fd`
RGB Decimal	84, 229, 253	`rgb(84,229,253)`
RGB Percent	32.9, 89.8, 99.2	`rgb(32.9%,89.8%,99.2%)`
CMYK	67, 9, 0, 1
HSL	188.5°, 97.7, 66.1	`hsl(188.5,97.7%,66.1%)`
HSV (or HSB)	188.5°, 66.8, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.489, -31.138, -22.99
XYZ	49.4, 65.011, 102.868
xyY	0.227, 0.299, 65.011
CIE-LCH	84.489, 38.705, 216.439
CIE-LUV	84.489, -54.502, -32.355
Hunter-Lab	80.629, -31.738, -19.202
Binary	01010100, 11100101, 11111101

#54e5fd
```
#54e5fd rgb(84,229,253)
```
#fd6c54
```
#fd6c54 rgb(253,108,84)
```

Complementary Color

#54fdc1
```
#54fdc1 rgb(84,253,193)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#5491fd
```
#5491fd rgb(84,145,253)
```

Analogous Color

#fdc154
```
#fdc154 rgb(253,193,84)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#fd5491
```
#fd5491 rgb(253,84,145)
```

Split Complementary Color

#e5fd54
```
#e5fd54 rgb(229,253,84)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#fd54e5
```
#fd54e5 rgb(253,84,229)
```

Triadic Color

#54fd6c
```
#54fd6c rgb(84,253,108)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#fd54e5
```
#fd54e5 rgb(253,84,229)
```
#fd6c54
```
#fd6c54 rgb(253,108,84)
```

Tetradic Color

#08dafc
```
#08dafc rgb(8,218,252)
```
#22ddfc
```
#22ddfc rgb(34,221,252)
```
#3be1fd
```
#3be1fd rgb(59,225,253)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#6de9fd
```
#6de9fd rgb(109,233,253)
```
#86edfe
```
#86edfe rgb(134,237,254)
```
#a0f0fe
```
#a0f0fe rgb(160,240,254)
```

Monochromatic Color

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

#54fdeb
```
#54fdeb rgb(84,253,235)
```
#54fdf9
```
#54fdf9 rgb(84,253,249)
```
#54f3fd
```
#54f3fd rgb(84,243,253)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#54d7fd
```
#54d7fd rgb(84,215,253)
```
#54c9fd
```
#54c9fd rgb(84,201,253)
```
#54bbfd
```
#54bbfd rgb(84,187,253)
```

Similar Colors

Text with hexadecimal color #54e5fd

This text has a font color of #54e5fd.

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

#54e5fd background color

This paragraph has a background color of #54e5fd.

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

#54e5fd border color

This element has a border color of #54e5fd.

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

CSS codes

.text {color:#54e5fd;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#001417
```
#001417 rgb(0,20,23)
```
#00242a
```
#00242a rgb(0,36,42)
```
#01353e
```
#01353e rgb(1,53,62)
```
#014651
```
#014651 rgb(1,70,81)
```
#015664
```
#015664 rgb(1,86,100)
```
#016778
```
#016778 rgb(1,103,120)
```
#02788b
```
#02788b rgb(2,120,139)
```
#02889f
```
#02889f rgb(2,136,159)
```
#0299b2
```
#0299b2 rgb(2,153,178)
```
#02aac5
```
#02aac5 rgb(2,170,197)
```
#03bad9
```
#03bad9 rgb(3,186,217)
```
#03cbec
```
#03cbec rgb(3,203,236)
```

Shade Color Variation

#06d9fc
```
#06d9fc rgb(6,217,252)
```
#1adcfc
```
#1adcfc rgb(26,220,252)
```
#2ddffd
```
#2ddffd rgb(45,223,253)
```
#41e2fd
```
#41e2fd rgb(65,226,253)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```
#67e8fd
```
#67e8fd rgb(103,232,253)
```
#7bebfd
```
#7bebfd rgb(123,235,253)
```
#8eeefe
```
#8eeefe rgb(142,238,254)
```
#a2f1fe
```
#a2f1fe rgb(162,241,254)
```
#b5f4fe
```
#b5f4fe rgb(181,244,254)
```
#c8f7fe
```
#c8f7fe rgb(200,247,254)
```
#dcfaff
```
#dcfaff rgb(220,250,255)
```
#effdff
```
#effdff rgb(239,253,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 #54e5fd is the most saturated one.

#a4acad
```
#a4acad rgb(164,172,173)
```
#9db1b4
```
#9db1b4 rgb(157,177,180)
```
#97b5ba
```
#97b5ba rgb(151,181,186)
```
#90bac1
```
#90bac1 rgb(144,186,193)
```
#89bfc8
```
#89bfc8 rgb(137,191,200)
```
#83c4ce
```
#83c4ce rgb(131,196,206)
```
#7cc8d5
```
#7cc8d5 rgb(124,200,213)
```
#75cddc
```
#75cddc rgb(117,205,220)
```
#6fd2e2
```
#6fd2e2 rgb(111,210,226)
```
#68d7e9
```
#68d7e9 rgb(104,215,233)
```
#61dbf0
```
#61dbf0 rgb(97,219,240)
```
#5be0f6
```
#5be0f6 rgb(91,224,246)
```
#54e5fd
```
#54e5fd rgb(84,229,253)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a7c4c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f1 Protanopia 1% of men
#cfd1ff Deuteranopia 1% of men
#59e7f8 Tritanopia 0.001% of the population

Trichromacy

#a2d9f5 Protanomaly 1% of men, 0.01% of women
#a2d8fe Deuteranomaly 6% of men, 0.4% of women
#57e6f9 Tritanomaly 0.01% of the population

#54e5fd hex color

#54e5fd Color Information

#54e5fd Color Conversion

Color Schemes with #54e5fd

Alternatives to #54e5fd

#54e5fd Preview

Shades and Tints of #54e5fd

Tones of #54e5fd

Color Blindness Simulator