#54bbbd Color Information
In a RGB color space, hex #54bbbd is composed of 32.9% red, 73.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 1.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 181.1 degrees, a saturation of 44.3% and a lightness of 53.5%. #54bbbd color hex could be obtained by blending #a8ffff with #00777b. Closest websafe color is: #66cccc.
-
- R 33
- G 73
- B 74
-
- C 56
- M 1
- Y 0
- K 26
● #54bbbd color description : Moderate cyan.
#54bbbd Color Conversion
The hexadecimal color #54bbbd has RGB values of R:84, G:187, B:189 and CMYK values of C:0.56, M:0.01, Y:0, K:0.26. Its decimal value is 5553085.
Hex triplet | 54bbbd | #54bbbd |
---|---|---|
RGB Decimal | 84, 187, 189 | rgb(84,187,189) |
RGB Percent | 32.9, 73.3, 74.1 | rgb(32.9%,73.3%,74.1%) |
CMYK | 56, 1, 0, 26 | |
HSL | 181.1°, 44.3, 53.5 | hsl(181.1,44.3%,53.5%) |
HSV (or HSB) | 181.1°, 55.6, 74.1 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.244, -29.02, -10.062 |
---|---|
XYZ | 30.609, 41.097, 54.461 |
xyY | 0.243, 0.326, 41.097 |
CIE-LCH | 70.244, 30.715, 199.123 |
CIE-LUV | 70.244, -42.707, -10.916 |
Hunter-Lab | 64.107, -26.959, -5.493 |
Binary | 01010100, 10111011, 10111101 |
Color Schemes with #54bbbd
Alternatives to #54bbbd
Below, you can see some colors close to #54bbbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#54bbbd Preview
This text has a font color of #54bbbd.
<span style="color:#54bbbd;">Text here</span>
This paragraph has a background color of #54bbbd.
<p style="background-color:#54bbbd;">Content here</p>
This element has a border color of #54bbbd.
<div style="border:1px solid #54bbbd;">Content here</div>
.text {color:#54bbbd;}
.background {background-color:#54bbbd;}
.border {border:1px solid #54bbbd;}
Shades and Tints of #54bbbd
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, #050d0d is the darkest color, while #feffff is the lightest one.
-
#050d0d
#050d0d
rgb(5,13,13)
-
#0a1b1b
#0a1b1b
rgb(10,27,27)
-
#102929
#102929
rgb(16,41,41)
-
#153737
#153737
rgb(21,55,55)
-
#1b4546
#1b4546
rgb(27,69,70)
-
#205354
#205354
rgb(32,83,84)
-
#266162
#266162
rgb(38,97,98)
-
#2b6f70
#2b6f70
rgb(43,111,112)
-
#317d7e
#317d7e
rgb(49,125,126)
-
#368b8c
#368b8c
rgb(54,139,140)
-
#3c999b
#3c999b
rgb(60,153,155)
-
#41a7a9
#41a7a9
rgb(65,167,169)
-
#47b5b7
#47b5b7
rgb(71,181,183)
-
#54bbbd
#54bbbd
rgb(84,187,189)
-
#62c1c2
#62c1c2
rgb(98,193,194)
-
#70c6c8
#70c6c8
rgb(112,198,200)
-
#7ecccd
#7ecccd
rgb(126,204,205)
-
#8dd2d3
#8dd2d3
rgb(141,210,211)
-
#9bd7d8
#9bd7d8
rgb(155,215,216)
-
#a9ddde
#a9ddde
rgb(169,221,222)
-
#b7e2e3
#b7e2e3
rgb(183,226,227)
-
#c5e8e9
#c5e8e9
rgb(197,232,233)
-
#d3eeee
#d3eeee
rgb(211,238,238)
-
#e2f3f4
#e2f3f4
rgb(226,243,244)
-
#f0f9f9
#f0f9f9
rgb(240,249,249)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #54bbbd
A tone is produced by adding gray to any pure hue. In this case, #828f8f is the less saturated color, while #14f8fd is the most saturated one.
-
#828f8f
#828f8f
rgb(130,143,143)
-
#789899
#789899
rgb(120,152,153)
-
#6fa1a2
#6fa1a2
rgb(111,161,162)
-
#66a9ab
#66a9ab
rgb(102,169,171)
-
#5db2b4
#5db2b4
rgb(93,178,180)
-
#54bbbd
#54bbbd
rgb(84,187,189)
-
#4bc4c6
#4bc4c6
rgb(75,196,198)
-
#42cdcf
#42cdcf
rgb(66,205,207)
-
#39d5d8
#39d5d8
rgb(57,213,216)
-
#30dee1
#30dee1
rgb(48,222,225)
-
#26e7eb
#26e7eb
rgb(38,231,235)
-
#1df0f4
#1df0f4
rgb(29,240,244)
-
#14f8fd
#14f8fd
rgb(20,248,253)
Color Blindness Simulator
Below, you can see how #54bbbd 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.