#54d2eb hex color

In a RGB color space, hex #54d2eb is composed of 32.9% red, 82.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 10.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 189.9 degrees, a saturation of 79.1% and a lightness of 62.5%. #54d2eb color hex could be obtained by blending #a8ffff with #00a5d7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 33
- G 82
- B 92
RGB color chart
- C 64
- M 11
- Y 0
- K 8
CMYK color chart

● #54d2eb color description : Soft cyan.

The hexadecimal color #54d2eb has RGB values of R:84, G:210, B:235 and CMYK values of C:0.64, M:0.11, Y:0, K:0.08. Its decimal value is 5559019.

Hex triplet	54d2eb	`#54d2eb`
RGB Decimal	84, 210, 235	`rgb(84,210,235)`
RGB Percent	32.9, 82.4, 92.2	`rgb(32.9%,82.4%,92.2%)`
CMYK	64, 11, 0, 8
HSL	189.9°, 79.1, 62.5	`hsl(189.9,79.1%,62.5%)`
HSV (or HSB)	189.9°, 64.3, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.446, -27.183, -22.617
XYZ	41.694, 53.973, 86.813
xyY	0.228, 0.296, 53.973
CIE-LCH	78.446, 35.362, 219.762
CIE-LUV	78.446, -48.771, -32.02
Hunter-Lab	73.466, -27.262, -18.635
Binary	01010100, 11010010, 11101011

#54d2eb
```
#54d2eb rgb(84,210,235)
```
#eb6d54
```
#eb6d54 rgb(235,109,84)
```

Complementary Color

#54ebb9
```
#54ebb9 rgb(84,235,185)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#5487eb
```
#5487eb rgb(84,135,235)
```

Analogous Color

#ebb954
```
#ebb954 rgb(235,185,84)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#eb5487
```
#eb5487 rgb(235,84,135)
```

Split Complementary Color

#d2eb54
```
#d2eb54 rgb(210,235,84)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#eb54d2
```
#eb54d2 rgb(235,84,210)
```

Triadic Color

#54eb6d
```
#54eb6d rgb(84,235,109)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#eb54d2
```
#eb54d2 rgb(235,84,210)
```
#eb6d54
```
#eb6d54 rgb(235,109,84)
```

Tetradic Color

#19b9d9
```
#19b9d9 rgb(25,185,217)
```
#26c6e6
```
#26c6e6 rgb(38,198,230)
```
#3dcce8
```
#3dcce8 rgb(61,204,232)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#6bd8ee
```
#6bd8ee rgb(107,216,238)
```
#82def0
```
#82def0 rgb(130,222,240)
```
#98e4f3
```
#98e4f3 rgb(152,228,243)
```

Monochromatic Color

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

#54ebde
```
#54ebde rgb(84,235,222)
```
#54ebeb
```
#54ebeb rgb(84,235,235)
```
#54dfeb
```
#54dfeb rgb(84,223,235)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#54c5eb
```
#54c5eb rgb(84,197,235)
```
#54b9eb
```
#54b9eb rgb(84,185,235)
```
#54aceb
```
#54aceb rgb(84,172,235)
```

Similar Colors

Text with hexadecimal color #54d2eb

This text has a font color of #54d2eb.

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

#54d2eb background color

This paragraph has a background color of #54d2eb.

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

#54d2eb border color

This element has a border color of #54d2eb.

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

CSS codes

.text {color:#54d2eb;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#031316
```
#031316 rgb(3,19,22)
```
#052228
```
#052228 rgb(5,34,40)
```
#073139
```
#073139 rgb(7,49,57)
```
#09404b
```
#09404b rgb(9,64,75)
```
#0b4f5c
```
#0b4f5c rgb(11,79,92)
```
#0d5e6e
```
#0d5e6e rgb(13,94,110)
```
#0f6d80
```
#0f6d80 rgb(15,109,128)
```
#117c91
```
#117c91 rgb(17,124,145)
```
#138ba3
```
#138ba3 rgb(19,139,163)
```
#159ab4
```
#159ab4 rgb(21,154,180)
```
#17a9c6
```
#17a9c6 rgb(23,169,198)
```
#19b8d7
```
#19b8d7 rgb(25,184,215)
```

Shade Color Variation

#1fc4e5
```
#1fc4e5 rgb(31,196,229)
```
#31c9e7
```
#31c9e7 rgb(49,201,231)
```
#42cde9
```
#42cde9 rgb(66,205,233)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#66d7ed
```
#66d7ed rgb(102,215,237)
```
#77dbef
```
#77dbef rgb(119,219,239)
```
#89e0f1
```
#89e0f1 rgb(137,224,241)
```
#9ae4f3
```
#9ae4f3 rgb(154,228,243)
```
#ace9f5
```
#ace9f5 rgb(172,233,245)
```
#bdeef7
```
#bdeef7 rgb(189,238,247)
```
#cff2f9
```
#cff2f9 rgb(207,242,249)
```
#e0f7fb
```
#e0f7fb rgb(224,247,251)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#9da1a2
```
#9da1a2 rgb(157,161,162)
```
#96a6a9
```
#96a6a9 rgb(150,166,169)
```
#8fabb0
```
#8fabb0 rgb(143,171,176)
```
#87b0b8
```
#87b0b8 rgb(135,176,184)
```
#80b5bf
```
#80b5bf rgb(128,181,191)
```
#79b9c6
```
#79b9c6 rgb(121,185,198)
```
#71bece
```
#71bece rgb(113,190,206)
```
#6ac3d5
```
#6ac3d5 rgb(106,195,213)
```
#63c8dc
```
#63c8dc rgb(99,200,220)
```
#5bcde4
```
#5bcde4 rgb(91,205,228)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#4dd7f2
```
#4dd7f2 rgb(77,215,242)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9db6bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc3e1 Protanopia 1% of men
#bec1f3 Deuteranopia 1% of men
#58d5e5 Tritanopia 0.001% of the population

Trichromacy

#98c8e5 Protanomaly 1% of men, 0.01% of women
#97c7f0 Deuteranomaly 6% of men, 0.4% of women
#56d4e7 Tritanomaly 0.01% of the population

#54d2eb hex color

#54d2eb Color Information

#54d2eb Color Conversion

Color Schemes with #54d2eb

Alternatives to #54d2eb

#54d2eb Preview

Shades and Tints of #54d2eb

Tones of #54d2eb

Color Blindness Simulator