#54d1e1 hex color

In a RGB color space, hex #54d1e1 is composed of 32.9% red, 82% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 7.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 186.8 degrees, a saturation of 70.1% and a lightness of 60.6%. #54d1e1 color hex could be obtained by blending #a8ffff with #00a3c3. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 82
- B 88
RGB color chart
- C 63
- M 7
- Y 0
- K 12
CMYK color chart

● #54d1e1 color description : Soft cyan.

The hexadecimal color #54d1e1 has RGB values of R:84, G:209, B:225 and CMYK values of C:0.63, M:0.07, Y:0, K:0.12. Its decimal value is 5558753.

Hex triplet	54d1e1	`#54d1e1`
RGB Decimal	84, 209, 225	`rgb(84,209,225)`
RGB Percent	32.9, 82, 88.2	`rgb(32.9%,82%,88.2%)`
CMYK	63, 7, 0, 12
HSL	186.8°, 70.1, 60.6	`hsl(186.8,70.1%,60.6%)`
HSV (or HSB)	186.8°, 62.7, 88.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.827, -29.597, -18.198
XYZ	40.043, 52.919, 79.334
xyY	0.232, 0.307, 52.919
CIE-LCH	77.827, 34.744, 211.586
CIE-LUV	77.827, -48.969, -24.266
Hunter-Lab	72.745, -29.047, -13.738
Binary	01010100, 11010001, 11100001

#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#e16454
```
#e16454 rgb(225,100,84)
```

Complementary Color

#54e1ab
```
#54e1ab rgb(84,225,171)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#548be1
```
#548be1 rgb(84,139,225)
```

Analogous Color

#e1ab54
```
#e1ab54 rgb(225,171,84)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#e1548b
```
#e1548b rgb(225,84,139)
```

Split Complementary Color

#d1e154
```
#d1e154 rgb(209,225,84)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#e154d1
```
#e154d1 rgb(225,84,209)
```

Triadic Color

#54e164
```
#54e164 rgb(84,225,100)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#e154d1
```
#e154d1 rgb(225,84,209)
```
#e16454
```
#e16454 rgb(225,100,84)
```

Tetradic Color

#23b3c6
```
#23b3c6 rgb(35,179,198)
```
#29c5d9
```
#29c5d9 rgb(41,197,217)
```
#3ecbdd
```
#3ecbdd rgb(62,203,221)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#6ad7e5
```
#6ad7e5 rgb(106,215,229)
```
#7fdde9
```
#7fdde9 rgb(127,221,233)
```
#95e3ec
```
#95e3ec rgb(149,227,236)
```

Monochromatic Color

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

#54e1ce
```
#54e1ce rgb(84,225,206)
```
#54e1da
```
#54e1da rgb(84,225,218)
```
#54dde1
```
#54dde1 rgb(84,221,225)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#54c5e1
```
#54c5e1 rgb(84,197,225)
```
#54bae1
```
#54bae1 rgb(84,186,225)
```
#54aee1
```
#54aee1 rgb(84,174,225)
```

Similar Colors

Text with hexadecimal color #54d1e1

This text has a font color of #54d1e1.

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

#54d1e1 background color

This paragraph has a background color of #54d1e1.

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

#54d1e1 border color

This element has a border color of #54d1e1.

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

CSS codes

.text {color:#54d1e1;}

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

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

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, #020b0d is the darkest color, while #fbfefe is the lightest one.

#020b0d
```
#020b0d rgb(2,11,13)
```
#051b1d
```
#051b1d rgb(5,27,29)
```
#082a2e
```
#082a2e rgb(8,42,46)
```
#0b393f
```
#0b393f rgb(11,57,63)
```
#0e484f
```
#0e484f rgb(14,72,79)
```
#115760
```
#115760 rgb(17,87,96)
```
#146671
```
#146671 rgb(20,102,113)
```
#177581
```
#177581 rgb(23,117,129)
```
#1a8492
```
#1a8492 rgb(26,132,146)
```
#1d94a3
```
#1d94a3 rgb(29,148,163)
```
#1fa3b3
```
#1fa3b3 rgb(31,163,179)
```
#22b2c4
```
#22b2c4 rgb(34,178,196)
```
#25c1d5
```
#25c1d5 rgb(37,193,213)
```

Shade Color Variation

#33c8db
```
#33c8db rgb(51,200,219)
```
#43cdde
```
#43cdde rgb(67,205,222)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#65d5e4
```
#65d5e4 rgb(101,213,228)
```
#75dae7
```
#75dae7 rgb(117,218,231)
```
#86deea
```
#86deea rgb(134,222,234)
```
#97e3ed
```
#97e3ed rgb(151,227,237)
```
#a7e7f0
```
#a7e7f0 rgb(167,231,240)
```
#b8ecf3
```
#b8ecf3 rgb(184,236,243)
```
#c9f0f5
```
#c9f0f5 rgb(201,240,245)
```
#daf5f8
```
#daf5f8 rgb(218,245,248)
```
#eaf9fb
```
#eaf9fb rgb(234,249,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9b is the less saturated color, while #3de3f8 is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a1a3
```
#92a1a3 rgb(146,161,163)
```
#8aa7ab
```
#8aa7ab rgb(138,167,171)
```
#82adb3
```
#82adb3 rgb(130,173,179)
```
#7bb3ba
```
#7bb3ba rgb(123,179,186)
```
#73b9c2
```
#73b9c2 rgb(115,185,194)
```
#6bbfca
```
#6bbfca rgb(107,191,202)
```
#63c5d2
```
#63c5d2 rgb(99,197,210)
```
#5ccbd9
```
#5ccbd9 rgb(92,203,217)
```
#54d1e1
```
#54d1e1 rgb(84,209,225)
```
#4cd7e9
```
#4cd7e9 rgb(76,215,233)
```
#45ddf0
```
#45ddf0 rgb(69,221,240)
```
#3de3f8
```
#3de3f8 rgb(61,227,248)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9bb4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c2d8 Protanopia 1% of men
#c1bfe9 Deuteranopia 1% of men
#5dd3e2 Tritanopia 0.001% of the population

Trichromacy

#98c7db Protanomaly 1% of men, 0.01% of women
#99c6e6 Deuteranomaly 6% of men, 0.4% of women
#59d2e2 Tritanomaly 0.01% of the population

#54d1e1 hex color

#54d1e1 Color Information

#54d1e1 Color Conversion

Color Schemes with #54d1e1

Alternatives to #54d1e1

#54d1e1 Preview

Shades and Tints of #54d1e1

Tones of #54d1e1

Color Blindness Simulator