#54bbda hex color

In a RGB color space, hex #54bbda is composed of 32.9% red, 73.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 14.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 193.9 degrees, a saturation of 64.4% and a lightness of 59.2%. #54bbda color hex could be obtained by blending #a8ffff with #0077b5. Closest websafe color is: #66cccc.

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

● #54bbda color description : Soft cyan.

The hexadecimal color #54bbda has RGB values of R:84, G:187, B:218 and CMYK values of C:0.61, M:0.14, Y:0, K:0.15. Its decimal value is 5553114.

Hex triplet	54bbda	`#54bbda`
RGB Decimal	84, 187, 218	`rgb(84,187,218)`
RGB Percent	32.9, 73.3, 85.5	`rgb(32.9%,73.3%,85.5%)`
CMYK	61, 14, 0, 15
HSL	193.9°, 64.4, 59.2	`hsl(193.9,64.4%,59.2%)`
HSV (or HSB)	193.9°, 61.5, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.204, -20.672, -24.478
XYZ	34.078, 42.485, 72.73
xyY	0.228, 0.285, 42.485
CIE-LCH	71.204, 32.039, 229.819
CIE-LUV	71.204, -41.285, -35.631
Hunter-Lab	65.18, -20.741, -20.531
Binary	01010100, 10111011, 11011010

#54bbda
```
#54bbda rgb(84,187,218)
```
#da7354
```
#da7354 rgb(218,115,84)
```

Complementary Color

#54dab6
```
#54dab6 rgb(84,218,182)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#5478da
```
#5478da rgb(84,120,218)
```

Analogous Color

#dab654
```
#dab654 rgb(218,182,84)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#da5478
```
#da5478 rgb(218,84,120)
```

Split Complementary Color

#bbda54
```
#bbda54 rgb(187,218,84)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#da54bb
```
#da54bb rgb(218,84,187)
```

Triadic Color

#54da73
```
#54da73 rgb(84,218,115)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#da54bb
```
#da54bb rgb(218,84,187)
```
#da7354
```
#da7354 rgb(218,115,84)
```

Tetradic Color

#2898b9
```
#2898b9 rgb(40,152,185)
```
#2da9ce
```
#2da9ce rgb(45,169,206)
```
#3fb3d5
```
#3fb3d5 rgb(63,179,213)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#69c3df
```
#69c3df rgb(105,195,223)
```
#7ecce3
```
#7ecce3 rgb(126,204,227)
```
#93d4e8
```
#93d4e8 rgb(147,212,232)
```

Monochromatic Color

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

#54dad8
```
#54dad8 rgb(84,218,216)
```
#54d1da
```
#54d1da rgb(84,209,218)
```
#54c6da
```
#54c6da rgb(84,198,218)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#54b0da
```
#54b0da rgb(84,176,218)
```
#54a5da
```
#54a5da rgb(84,165,218)
```
#549ada
```
#549ada rgb(84,154,218)
```

Similar Colors

Text with hexadecimal color #54bbda

This text has a font color of #54bbda.

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

#54bbda background color

This paragraph has a background color of #54bbda.

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

#54bbda border color

This element has a border color of #54bbda.

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

CSS codes

.text {color:#54bbda;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051217
```
#051217 rgb(5,18,23)
```
#082027
```
#082027 rgb(8,32,39)
```
#0c2d37
```
#0c2d37 rgb(12,45,55)
```
#0f3a47
```
#0f3a47 rgb(15,58,71)
```
#134757
```
#134757 rgb(19,71,87)
```
#165467
```
#165467 rgb(22,84,103)
```
#1a6277
```
#1a6277 rgb(26,98,119)
```
#1d6f87
```
#1d6f87 rgb(29,111,135)
```
#217c98
```
#217c98 rgb(33,124,152)
```
#2489a8
```
#2489a8 rgb(36,137,168)
```
#2896b8
```
#2896b8 rgb(40,150,184)
```
#2ba4c8
```
#2ba4c8 rgb(43,164,200)
```

Shade Color Variation

#34aed3
```
#34aed3 rgb(52,174,211)
```
#44b5d7
```
#44b5d7 rgb(68,181,215)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#64c1dd
```
#64c1dd rgb(100,193,221)
```
#74c8e1
```
#74c8e1 rgb(116,200,225)
```
#84cee4
```
#84cee4 rgb(132,206,228)
```
#95d5e8
```
#95d5e8 rgb(149,213,232)
```
#a5dbeb
```
#a5dbeb rgb(165,219,235)
```
#b5e1ef
```
#b5e1ef rgb(181,225,239)
```
#c5e8f2
```
#c5e8f2 rgb(197,232,242)
```
#d5eef6
```
#d5eef6 rgb(213,238,246)
```
#e5f5f9
```
#e5f5f9 rgb(229,245,249)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#94999a
```
#94999a rgb(148,153,154)
```
#8c9da2
```
#8c9da2 rgb(140,157,162)
```
#84a1aa
```
#84a1aa rgb(132,161,170)
```
#7ca6b2
```
#7ca6b2 rgb(124,166,178)
```
#74aaba
```
#74aaba rgb(116,170,186)
```
#6caec2
```
#6caec2 rgb(108,174,194)
```
#64b2ca
```
#64b2ca rgb(100,178,202)
```
#5cb7d2
```
#5cb7d2 rgb(92,183,210)
```
#54bbda
```
#54bbda rgb(84,187,218)
```
#4cbfe2
```
#4cbfe2 rgb(76,191,226)
```
#44c4ea
```
#44c4ea rgb(68,196,234)
```
#3cc8f2
```
#3cc8f2 rgb(60,200,242)
```
#34ccfa
```
#34ccfa rgb(52,204,250)
```

Tone Color Variation

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

#aab0d3 Protanopia 1% of men
#a8afe1 Deuteranopia 1% of men
#55c0ce Tritanopia 0.001% of the population

Trichromacy

#8bb4d5 Protanomaly 1% of men, 0.01% of women
#89b3de Deuteranomaly 6% of men, 0.4% of women
#54bed2 Tritanomaly 0.01% of the population

#54bbda hex color

#54bbda Color Information

#54bbda Color Conversion

Color Schemes with #54bbda

Alternatives to #54bbda

#54bbda Preview

Shades and Tints of #54bbda

Tones of #54bbda

Color Blindness Simulator