#45a9bb Color Information
In a RGB color space, hex #45a9bb is composed of 27.1% red, 66.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 9.6% magenta, 0% yellow and 26.7% black. It has a hue angle of 189.2 degrees, a saturation of 46.5% and a lightness of 50.2%. #45a9bb color hex could be obtained by blending #8affff with #005377. Closest websafe color is: #3399cc.
-
- R 27
- G 66
- B 73
-
- C 63
- M 10
- Y 0
- K 27
● #45a9bb color description : Moderate cyan.
#45a9bb Color Conversion
The hexadecimal color #45a9bb has RGB values of R:69, G:169, B:187 and CMYK values of C:0.63, M:0.1, Y:0, K:0.27. Its decimal value is 4565435.
Hex triplet | 45a9bb | #45a9bb |
---|---|---|
RGB Decimal | 69, 169, 187 | rgb(69,169,187) |
RGB Percent | 27.1, 66.3, 73.3 | rgb(27.1%,66.3%,73.3%) |
CMYK | 63, 10, 0, 27 | |
HSL | 189.2°, 46.5, 50.2 | hsl(189.2,46.5%,50.2%) |
HSV (or HSB) | 189.2°, 63.1, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.344, -23.37, -17.881 |
---|---|
XYZ | 25.609, 33.227, 52.075 |
xyY | 0.231, 0.3, 33.227 |
CIE-LCH | 64.344, 29.426, 217.42 |
CIE-LUV | 64.344, -39.523, -24.025 |
Hunter-Lab | 57.643, -21.572, -13.213 |
Binary | 01000101, 10101001, 10111011 |
Color Schemes with #45a9bb
Alternatives to #45a9bb
Below, you can see some colors close to #45a9bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a9bb Preview
This text has a font color of #45a9bb.
<span style="color:#45a9bb;">Text here</span>
This paragraph has a background color of #45a9bb.
<p style="background-color:#45a9bb;">Content here</p>
This element has a border color of #45a9bb.
<div style="border:1px solid #45a9bb;">Content here</div>
.text {color:#45a9bb;}
.background {background-color:#45a9bb;}
.border {border:1px solid #45a9bb;}
Shades and Tints of #45a9bb
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, #000101 is the darkest color, while #f1f9fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#060e0f
#060e0f
rgb(6,14,15)
-
#0b1b1d
#0b1b1d
rgb(11,27,29)
-
#10282c
#10282c
rgb(16,40,44)
-
#15353a
#15353a
rgb(21,53,58)
-
#1b4249
#1b4249
rgb(27,66,73)
-
#204f57
#204f57
rgb(32,79,87)
-
#255b65
#255b65
rgb(37,91,101)
-
#2a6874
#2a6874
rgb(42,104,116)
-
#307582
#307582
rgb(48,117,130)
-
#358290
#358290
rgb(53,130,144)
-
#3a8f9f
#3a8f9f
rgb(58,143,159)
-
#3f9cad
#3f9cad
rgb(63,156,173)
-
#45a9bb
#45a9bb
rgb(69,169,187)
-
#53b0c0
#53b0c0
rgb(83,176,192)
-
#62b6c6
#62b6c6
rgb(98,182,198)
-
#70bdcb
#70bdcb
rgb(112,189,203)
-
#7ec4d0
#7ec4d0
rgb(126,196,208)
-
#8dcad5
#8dcad5
rgb(141,202,213)
-
#9bd1db
#9bd1db
rgb(155,209,219)
-
#aad7e0
#aad7e0
rgb(170,215,224)
-
#b8dee5
#b8dee5
rgb(184,222,229)
-
#c6e5ea
#c6e5ea
rgb(198,229,234)
-
#d5ebf0
#d5ebf0
rgb(213,235,240)
-
#e3f2f5
#e3f2f5
rgb(227,242,245)
-
#f1f9fa
#f1f9fa
rgb(241,249,250)
Tones of #45a9bb
A tone is produced by adding gray to any pure hue. In this case, #808080 is the less saturated color, while #0ad2f6 is the most saturated one.
-
#808080
#808080
rgb(128,128,128)
-
#76878a
#76878a
rgb(118,135,138)
-
#6c8e94
#6c8e94
rgb(108,142,148)
-
#62959e
#62959e
rgb(98,149,158)
-
#599ba7
#599ba7
rgb(89,155,167)
-
#4fa2b1
#4fa2b1
rgb(79,162,177)
-
#45a9bb
#45a9bb
rgb(69,169,187)
-
#3bb0c5
#3bb0c5
rgb(59,176,197)
-
#31b7cf
#31b7cf
rgb(49,183,207)
-
#28bdd8
#28bdd8
rgb(40,189,216)
-
#1ec4e2
#1ec4e2
rgb(30,196,226)
-
#14cbec
#14cbec
rgb(20,203,236)
-
#0ad2f6
#0ad2f6
rgb(10,210,246)
Color Blindness Simulator
Below, you can see how #45a9bb 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.