#45bccd Color Information
In a RGB color space, hex #45bccd is composed of 27.1% red, 73.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 8.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 187.5 degrees, a saturation of 57.6% and a lightness of 53.7%. #45bccd color hex could be obtained by blending #8affff with #00799b. Closest websafe color is: #33cccc.
-
- R 27
- G 74
- B 80
-
- C 66
- M 8
- Y 0
- K 20
● #45bccd color description : Moderate cyan.
#45bccd Color Conversion
The hexadecimal color #45bccd has RGB values of R:69, G:188, B:205 and CMYK values of C:0.66, M:0.08, Y:0, K:0.2. Its decimal value is 4570317.
Hex triplet | 45bccd | #45bccd |
---|---|---|
RGB Decimal | 69, 188, 205 | rgb(69,188,205) |
RGB Percent | 27.1, 73.7, 80.4 | rgb(27.1%,73.7%,80.4%) |
CMYK | 66, 8, 0, 20 | |
HSL | 187.5°, 57.6, 53.7 | hsl(187.5,57.6%,53.7%) |
HSV (or HSB) | 187.5°, 66.3, 80.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.62, -27.516, -18.306 |
---|---|
XYZ | 31.454, 41.637, 64.133 |
xyY | 0.229, 0.303, 41.637 |
CIE-LCH | 70.62, 33.049, 213.635 |
CIE-LUV | 70.62, -45.484, -24.464 |
Hunter-Lab | 64.527, -25.911, -13.76 |
Binary | 01000101, 10111100, 11001101 |
Color Schemes with #45bccd
Alternatives to #45bccd
Below, you can see some colors close to #45bccd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45bccd Preview
This text has a font color of #45bccd.
<span style="color:#45bccd;">Text here</span>
This paragraph has a background color of #45bccd.
<p style="background-color:#45bccd;">Content here</p>
This element has a border color of #45bccd.
<div style="border:1px solid #45bccd;">Content here</div>
.text {color:#45bccd;}
.background {background-color:#45bccd;}
.border {border:1px solid #45bccd;}
Shades and Tints of #45bccd
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, #040e0f is the darkest color, while #ffffff is the lightest one.
-
#040e0f
#040e0f
rgb(4,14,15)
-
#081c1e
#081c1e
rgb(8,28,30)
-
#0c2a2e
#0c2a2e
rgb(12,42,46)
-
#10383d
#10383d
rgb(16,56,61)
-
#15464d
#15464d
rgb(21,70,77)
-
#19545c
#19545c
rgb(25,84,92)
-
#1d626c
#1d626c
rgb(29,98,108)
-
#21707b
#21707b
rgb(33,112,123)
-
#257e8b
#257e8b
rgb(37,126,139)
-
#298c9a
#298c9a
rgb(41,140,154)
-
#2e9aaa
#2e9aaa
rgb(46,154,170)
-
#32a8b9
#32a8b9
rgb(50,168,185)
-
#36b6c8
#36b6c8
rgb(54,182,200)
-
#45bccd
#45bccd
rgb(69,188,205)
-
#54c2d1
#54c2d1
rgb(84,194,209)
-
#64c7d5
#64c7d5
rgb(100,199,213)
-
#73cdd9
#73cdd9
rgb(115,205,217)
-
#83d2de
#83d2de
rgb(131,210,222)
-
#92d8e2
#92d8e2
rgb(146,216,226)
-
#a2dde6
#a2dde6
rgb(162,221,230)
-
#b1e3ea
#b1e3ea
rgb(177,227,234)
-
#c1e9ee
#c1e9ee
rgb(193,233,238)
-
#d0eef2
#d0eef2
rgb(208,238,242)
-
#e0f4f7
#e0f4f7
rgb(224,244,247)
-
#eff9fb
#eff9fb
rgb(239,249,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #45bccd
A tone is produced by adding gray to any pure hue. In this case, #858c8d is the less saturated color, while #18defa is the most saturated one.
-
#858c8d
#858c8d
rgb(133,140,141)
-
#7b9397
#7b9397
rgb(123,147,151)
-
#729aa0
#729aa0
rgb(114,154,160)
-
#69a1a9
#69a1a9
rgb(105,161,169)
-
#60a8b2
#60a8b2
rgb(96,168,178)
-
#57aebb
#57aebb
rgb(87,174,187)
-
#4eb5c4
#4eb5c4
rgb(78,181,196)
-
#45bccd
#45bccd
rgb(69,188,205)
-
#3cc3d6
#3cc3d6
rgb(60,195,214)
-
#33cadf
#33cadf
rgb(51,202,223)
-
#2ad0e8
#2ad0e8
rgb(42,208,232)
-
#21d7f1
#21d7f1
rgb(33,215,241)
-
#18defa
#18defa
rgb(24,222,250)
Color Blindness Simulator
Below, you can see how #45bccd 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.