colorhexa.com

#54bbd9 hex color

In a RGB color space, hex #54bbd9 is composed of 32.9% red, 73.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 13.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 193.5 degrees, a saturation of 63.6% and a lightness of 59%. #54bbd9 color hex could be obtained by blending #a8ffff with #0077b3. Closest websafe color is: #66cccc.

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

● #54bbd9 color description : Soft cyan.

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

Hex triplet	54bbd9	`#54bbd9`
RGB Decimal	84, 187, 217	`rgb(84,187,217)`
RGB Percent	32.9, 73.3, 85.1	`rgb(32.9%,73.3%,85.1%)`
CMYK	61, 14, 0, 15
HSL	193.5°, 63.6, 59	`hsl(193.5,63.6%,59%)`
HSV (or HSB)	193.5°, 61.3, 85.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.168, -20.971, -23.987
XYZ	33.948, 42.433, 72.043
xyY	0.229, 0.286, 42.433
CIE-LCH	71.168, 31.862, 228.838
CIE-LUV	71.168, -41.333, -34.769
Hunter-Lab	65.14, -20.971, -19.975
Binary	01010100, 10111011, 11011001

#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#d97254
```
#d97254 rgb(217,114,84)
```

Complementary Color

#54d9b5
```
#54d9b5 rgb(84,217,181)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#5479d9
```
#5479d9 rgb(84,121,217)
```

Analogous Color

#d9b554
```
#d9b554 rgb(217,181,84)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#d95479
```
#d95479 rgb(217,84,121)
```

Split Complementary Color

#bbd954
```
#bbd954 rgb(187,217,84)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#d954bb
```
#d954bb rgb(217,84,187)
```

Triadic Color

#54d972
```
#54d972 rgb(84,217,114)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#d954bb
```
#d954bb rgb(217,84,187)
```
#d97254
```
#d97254 rgb(217,114,84)
```

Tetradic Color

#2997b8
```
#2997b8 rgb(41,151,184)
```
#2da9cd
```
#2da9cd rgb(45,169,205)
```
#3fb3d4
```
#3fb3d4 rgb(63,179,212)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#69c3de
```
#69c3de rgb(105,195,222)
```
#7ecce2
```
#7ecce2 rgb(126,204,226)
```
#93d4e7
```
#93d4e7 rgb(147,212,231)
```

Monochromatic Color

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

#54d9d6
```
#54d9d6 rgb(84,217,214)
```
#54d1d9
```
#54d1d9 rgb(84,209,217)
```
#54c6d9
```
#54c6d9 rgb(84,198,217)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#54b0d9
```
#54b0d9 rgb(84,176,217)
```
#54a5d9
```
#54a5d9 rgb(84,165,217)
```
#549ad9
```
#549ad9 rgb(84,154,217)
```

Similar Colors

Text with hexadecimal color #54bbd9

This text has a font color of #54bbd9.

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

#54bbd9 background color

This paragraph has a background color of #54bbd9.

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

#54bbd9 border color

This element has a border color of #54bbd9.

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

CSS codes

.text {color:#54bbd9;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051216
```
#051216 rgb(5,18,22)
```
#081f26
```
#081f26 rgb(8,31,38)
```
#0c2c36
```
#0c2c36 rgb(12,44,54)
```
#0f3a46
```
#0f3a46 rgb(15,58,70)
```
#134756
```
#134756 rgb(19,71,86)
```
#175466
```
#175466 rgb(23,84,102)
```
#1a6176
```
#1a6176 rgb(26,97,118)
```
#1e6e86
```
#1e6e86 rgb(30,110,134)
```
#217c96
```
#217c96 rgb(33,124,150)
```
#2589a6
```
#2589a6 rgb(37,137,166)
```
#2896b6
```
#2896b6 rgb(40,150,182)
```
#2ca3c6
```
#2ca3c6 rgb(44,163,198)
```

Shade Color Variation

#34aed2
```
#34aed2 rgb(52,174,210)
```
#44b5d5
```
#44b5d5 rgb(68,181,213)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#64c1dd
```
#64c1dd rgb(100,193,221)
```
#74c8e0
```
#74c8e0 rgb(116,200,224)
```
#84cee4
```
#84cee4 rgb(132,206,228)
```
#94d5e7
```
#94d5e7 rgb(148,213,231)
```
#a4dbeb
```
#a4dbeb rgb(164,219,235)
```
#b4e1ee
```
#b4e1ee rgb(180,225,238)
```
#c4e8f2
```
#c4e8f2 rgb(196,232,242)
```
#d4eef6
```
#d4eef6 rgb(212,238,246)
```
#e4f4f9
```
#e4f4f9 rgb(228,244,249)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#949899
```
#949899 rgb(148,152,153)
```
#8c9ca1
```
#8c9ca1 rgb(140,156,161)
```
#84a1a9
```
#84a1a9 rgb(132,161,169)
```
#7ca5b1
```
#7ca5b1 rgb(124,165,177)
```
#74a9b9
```
#74a9b9 rgb(116,169,185)
```
#6caec1
```
#6caec1 rgb(108,174,193)
```
#64b2c9
```
#64b2c9 rgb(100,178,201)
```
#5cb7d1
```
#5cb7d1 rgb(92,183,209)
```
#54bbd9
```
#54bbd9 rgb(84,187,217)
```
#4cbfe1
```
#4cbfe1 rgb(76,191,225)
```
#44c4e9
```
#44c4e9 rgb(68,196,233)
```
#3cc8f1
```
#3cc8f1 rgb(60,200,241)
```
#34cdf9
```
#34cdf9 rgb(52,205,249)
```

Tone Color Variation

Below, you can see how #54bbd9 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
#91a5ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab0d2 Protanopia 1% of men
#a8afe0 Deuteranopia 1% of men
#55c0ce Tritanopia 0.001% of the population

Trichromacy

#8bb4d4 Protanomaly 1% of men, 0.01% of women
#8ab3dd Deuteranomaly 6% of men, 0.4% of women
#55bed2 Tritanomaly 0.01% of the population