#45bccb Color Information
In a RGB color space, hex #45bccb is composed of 27.1% red, 73.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 7.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 186.7 degrees, a saturation of 56.3% and a lightness of 53.3%. #45bccb color hex could be obtained by blending #8affff with #007997. Closest websafe color is: #33cccc.
-
- R 27
- G 74
- B 80
-
- C 66
- M 7
- Y 0
- K 20
● #45bccb color description : Moderate cyan.
#45bccb Color Conversion
The hexadecimal color #45bccb has RGB values of R:69, G:188, B:203 and CMYK values of C:0.66, M:0.07, Y:0, K:0.2. Its decimal value is 4570315.
Hex triplet | 45bccb | #45bccb |
---|---|---|
RGB Decimal | 69, 188, 203 | rgb(69,188,203) |
RGB Percent | 27.1, 73.7, 79.6 | rgb(27.1%,73.7%,79.6%) |
CMYK | 66, 7, 0, 20 | |
HSL | 186.7°, 56.3, 53.3 | hsl(186.7,56.3%,53.3%) |
HSV (or HSB) | 186.7°, 66, 79.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.553, -28.11, -17.312 |
---|---|
XYZ | 31.214, 41.541, 62.87 |
xyY | 0.23, 0.306, 41.541 |
CIE-LCH | 70.553, 33.014, 211.628 |
CIE-LUV | 70.553, -45.603, -22.752 |
Hunter-Lab | 64.452, -26.345, -12.718 |
Binary | 01000101, 10111100, 11001011 |
Color Schemes with #45bccb
Alternatives to #45bccb
Below, you can see some colors close to #45bccb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45bccb Preview
This text has a font color of #45bccb.
<span style="color:#45bccb;">Text here</span>
This paragraph has a background color of #45bccb.
<p style="background-color:#45bccb;">Content here</p>
This element has a border color of #45bccb.
<div style="border:1px solid #45bccb;">Content here</div>
.text {color:#45bccb;}
.background {background-color:#45bccb;}
.border {border:1px solid #45bccb;}
Shades and Tints of #45bccb
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, #040c0d is the darkest color, while #fdfefe is the lightest one.
-
#040c0d
#040c0d
rgb(4,12,13)
-
#081a1d
#081a1d
rgb(8,26,29)
-
#0c282c
#0c282c
rgb(12,40,44)
-
#11363b
#11363b
rgb(17,54,59)
-
#15454b
#15454b
rgb(21,69,75)
-
#19535a
#19535a
rgb(25,83,90)
-
#1d6169
#1d6169
rgb(29,97,105)
-
#226f79
#226f79
rgb(34,111,121)
-
#267d88
#267d88
rgb(38,125,136)
-
#2a8b97
#2a8b97
rgb(42,139,151)
-
#2f99a7
#2f99a7
rgb(47,153,167)
-
#33a7b6
#33a7b6
rgb(51,167,182)
-
#37b5c5
#37b5c5
rgb(55,181,197)
-
#45bccb
#45bccb
rgb(69,188,203)
-
#54c2cf
#54c2cf
rgb(84,194,207)
-
#64c7d4
#64c7d4
rgb(100,199,212)
-
#73cdd8
#73cdd8
rgb(115,205,216)
-
#82d2dc
#82d2dc
rgb(130,210,220)
-
#92d8e0
#92d8e0
rgb(146,216,224)
-
#a1dde5
#a1dde5
rgb(161,221,229)
-
#b0e3e9
#b0e3e9
rgb(176,227,233)
-
#c0e8ed
#c0e8ed
rgb(192,232,237)
-
#cfeef2
#cfeef2
rgb(207,238,242)
-
#def3f6
#def3f6
rgb(222,243,246)
-
#eef9fa
#eef9fa
rgb(238,249,250)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #45bccb
A tone is produced by adding gray to any pure hue. In this case, #858a8b is the less saturated color, while #17e0f9 is the most saturated one.
-
#858a8b
#858a8b
rgb(133,138,139)
-
#7c9194
#7c9194
rgb(124,145,148)
-
#73989d
#73989d
rgb(115,152,157)
-
#6aa0a6
#6aa0a6
rgb(106,160,166)
-
#60a7b0
#60a7b0
rgb(96,167,176)
-
#57aeb9
#57aeb9
rgb(87,174,185)
-
#4eb5c2
#4eb5c2
rgb(78,181,194)
-
#45bccb
#45bccb
rgb(69,188,203)
-
#3cc3d4
#3cc3d4
rgb(60,195,212)
-
#33cadd
#33cadd
rgb(51,202,221)
-
#2ad1e6
#2ad1e6
rgb(42,209,230)
-
#20d8f0
#20d8f0
rgb(32,216,240)
-
#17e0f9
#17e0f9
rgb(23,224,249)
Color Blindness Simulator
Below, you can see how #45bccb 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.