#54bbdb hex color

In a RGB color space, hex #54bbdb is composed of 32.9% red, 73.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 14.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 194.2 degrees, a saturation of 65.2% and a lightness of 59.4%. #54bbdb color hex could be obtained by blending #a8ffff with #0077b7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 33
- G 73
- B 86
RGB color chart
- C 62
- M 15
- Y 0
- K 14
CMYK color chart

● #54bbdb color description : Soft cyan.

The hexadecimal color #54bbdb has RGB values of R:84, G:187, B:219 and CMYK values of C:0.62, M:0.15, Y:0, K:0.14. Its decimal value is 5553115.

Hex triplet	54bbdb	`#54bbdb`
RGB Decimal	84, 187, 219	`rgb(84,187,219)`
RGB Percent	32.9, 73.3, 85.9	`rgb(32.9%,73.3%,85.9%)`
CMYK	62, 15, 0, 14
HSL	194.2°, 65.2, 59.4	`hsl(194.2,65.2%,59.4%)`
HSV (or HSB)	194.2°, 61.6, 85.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.24, -20.371, -24.968
XYZ	34.209, 42.537, 73.422
xyY	0.228, 0.283, 42.537
CIE-LCH	71.24, 32.224, 230.79
CIE-LUV	71.24, -41.237, -36.494
Hunter-Lab	65.221, -20.51, -21.091
Binary	01010100, 10111011, 11011011

#54bbdb
```
#54bbdb rgb(84,187,219)
```
#db7454
```
#db7454 rgb(219,116,84)
```

Complementary Color

#54dbb8
```
#54dbb8 rgb(84,219,184)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#5478db
```
#5478db rgb(84,120,219)
```

Analogous Color

#dbb854
```
#dbb854 rgb(219,184,84)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#db5478
```
#db5478 rgb(219,84,120)
```

Split Complementary Color

#bbdb54
```
#bbdb54 rgb(187,219,84)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#db54bb
```
#db54bb rgb(219,84,187)
```

Triadic Color

#54db74
```
#54db74 rgb(84,219,116)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#db54bb
```
#db54bb rgb(219,84,187)
```
#db7454
```
#db7454 rgb(219,116,84)
```

Tetradic Color

#2798bb
```
#2798bb rgb(39,152,187)
```
#2ca9d0
```
#2ca9d0 rgb(44,169,208)
```
#3fb3d7
```
#3fb3d7 rgb(63,179,215)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#69c3df
```
#69c3df rgb(105,195,223)
```
#7ecce4
```
#7ecce4 rgb(126,204,228)
```
#93d4e8
```
#93d4e8 rgb(147,212,232)
```

Monochromatic Color

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

#54dbd9
```
#54dbd9 rgb(84,219,217)
```
#54d2db
```
#54d2db rgb(84,210,219)
```
#54c6db
```
#54c6db rgb(84,198,219)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#54b0db
```
#54b0db rgb(84,176,219)
```
#54a5db
```
#54a5db rgb(84,165,219)
```
#5499db
```
#5499db rgb(84,153,219)
```

Similar Colors

Text with hexadecimal color #54bbdb

This text has a font color of #54bbdb.

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

#54bbdb background color

This paragraph has a background color of #54bbdb.

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

#54bbdb border color

This element has a border color of #54bbdb.

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

CSS codes

.text {color:#54bbdb;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#051317
```
#051317 rgb(5,19,23)
```
#082028
```
#082028 rgb(8,32,40)
```
#0c2d38
```
#0c2d38 rgb(12,45,56)
```
#0f3b48
```
#0f3b48 rgb(15,59,72)
```
#134858
```
#134858 rgb(19,72,88)
```
#165568
```
#165568 rgb(22,85,104)
```
#196279
```
#196279 rgb(25,98,121)
```
#1d6f89
```
#1d6f89 rgb(29,111,137)
```
#207c99
```
#207c99 rgb(32,124,153)
```
#248aa9
```
#248aa9 rgb(36,138,169)
```
#2797b9
```
#2797b9 rgb(39,151,185)
```
#2aa4ca
```
#2aa4ca rgb(42,164,202)
```

Shade Color Variation

#34aed4
```
#34aed4 rgb(52,174,212)
```
#44b5d8
```
#44b5d8 rgb(68,181,216)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#64c1de
```
#64c1de rgb(100,193,222)
```
#74c8e2
```
#74c8e2 rgb(116,200,226)
```
#85cee5
```
#85cee5 rgb(133,206,229)
```
#95d5e9
```
#95d5e9 rgb(149,213,233)
```
#a5dbec
```
#a5dbec rgb(165,219,236)
```
#b5e2ef
```
#b5e2ef rgb(181,226,239)
```
#c5e8f3
```
#c5e8f3 rgb(197,232,243)
```
#d6eff6
```
#d6eff6 rgb(214,239,246)
```
#e6f5fa
```
#e6f5fa rgb(230,245,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949a9b is the less saturated color, while #34ccfb is the most saturated one.

#949a9b
```
#949a9b rgb(148,154,155)
```
#8c9ea3
```
#8c9ea3 rgb(140,158,163)
```
#84a2ab
```
#84a2ab rgb(132,162,171)
```
#7ca6b3
```
#7ca6b3 rgb(124,166,179)
```
#74aabb
```
#74aabb rgb(116,170,187)
```
#6caec3
```
#6caec3 rgb(108,174,195)
```
#64b3cb
```
#64b3cb rgb(100,179,203)
```
#5cb7d3
```
#5cb7d3 rgb(92,183,211)
```
#54bbdb
```
#54bbdb rgb(84,187,219)
```
#4cbfe3
```
#4cbfe3 rgb(76,191,227)
```
#44c3eb
```
#44c3eb rgb(68,195,235)
```
#3cc8f3
```
#3cc8f3 rgb(60,200,243)
```
#34ccfb
```
#34ccfb rgb(52,204,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#91a5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d4 Protanopia 1% of men
#a7afe2 Deuteranopia 1% of men
#54c1cf Tritanopia 0.001% of the population

Trichromacy

#8ab4d6 Protanomaly 1% of men, 0.01% of women
#89b3df Deuteranomaly 6% of men, 0.4% of women
#54bed3 Tritanomaly 0.01% of the population

#54bbdb hex color

#54bbdb Color Information

#54bbdb Color Conversion

Color Schemes with #54bbdb

Alternatives to #54bbdb

#54bbdb Preview

Shades and Tints of #54bbdb

Tones of #54bbdb

Color Blindness Simulator