#45a5bd Color Information
In a RGB color space, hex #45a5bd is composed of 27.1% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 192 degrees, a saturation of 47.6% and a lightness of 50.6%. #45a5bd color hex could be obtained by blending #8affff with #004b7b. Closest websafe color is: #3399cc.
-
- R 27
- G 65
- B 74
-
- C 63
- M 13
- Y 0
- K 26
● #45a5bd color description : Moderate cyan.
#45a5bd Color Conversion
The hexadecimal color #45a5bd has RGB values of R:69, G:165, B:189 and CMYK values of C:0.63, M:0.13, Y:0, K:0.26. Its decimal value is 4564413.
Hex triplet | 45a5bd | #45a5bd |
---|---|---|
RGB Decimal | 69, 165, 189 | rgb(69,165,189) |
RGB Percent | 27.1, 64.7, 74.1 | rgb(27.1%,64.7%,74.1%) |
CMYK | 63, 13, 0, 26 | |
HSL | 192°, 47.6, 50.6 | hsl(192,47.6%,50.6%) |
HSV (or HSB) | 192°, 63.5, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.217, -20.699, -20.712 |
---|---|
XYZ | 25.092, 31.848, 52.966 |
xyY | 0.228, 0.29, 31.848 |
CIE-LCH | 63.217, 29.282, 225.019 |
CIE-LUV | 63.217, -37.933, -28.903 |
Hunter-Lab | 56.434, -19.392, -16.143 |
Binary | 01000101, 10100101, 10111101 |
Color Schemes with #45a5bd
Alternatives to #45a5bd
Below, you can see some colors close to #45a5bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a5bd Preview
This text has a font color of #45a5bd.
<span style="color:#45a5bd;">Text here</span>
This paragraph has a background color of #45a5bd.
<p style="background-color:#45a5bd;">Content here</p>
This element has a border color of #45a5bd.
<div style="border:1px solid #45a5bd;">Content here</div>
.text {color:#45a5bd;}
.background {background-color:#45a5bd;}
.border {border:1px solid #45a5bd;}
Shades and Tints of #45a5bd
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, #010202 is the darkest color, while #f3f9fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#060f11
#060f11
rgb(6,15,17)
-
#0b1b1f
#0b1b1f
rgb(11,27,31)
-
#10282e
#10282e
rgb(16,40,46)
-
#15343c
#15343c
rgb(21,52,60)
-
#1a414b
#1a414b
rgb(26,65,75)
-
#204e59
#204e59
rgb(32,78,89)
-
#255a68
#255a68
rgb(37,90,104)
-
#2a6776
#2a6776
rgb(42,103,118)
-
#2f7385
#2f7385
rgb(47,115,133)
-
#348093
#348093
rgb(52,128,147)
-
#398da1
#398da1
rgb(57,141,161)
-
#3e99b0
#3e99b0
rgb(62,153,176)
-
#45a5bd
#45a5bd
rgb(69,165,189)
-
#53acc2
#53acc2
rgb(83,172,194)
-
#62b3c7
#62b3c7
rgb(98,179,199)
-
#70bacc
#70bacc
rgb(112,186,204)
-
#7fc1d2
#7fc1d2
rgb(127,193,210)
-
#8dc8d7
#8dc8d7
rgb(141,200,215)
-
#9ccfdc
#9ccfdc
rgb(156,207,220)
-
#aad6e1
#aad6e1
rgb(170,214,225)
-
#b9dde6
#b9dde6
rgb(185,221,230)
-
#c7e4eb
#c7e4eb
rgb(199,228,235)
-
#d6ebf0
#d6ebf0
rgb(214,235,240)
-
#e4f2f6
#e4f2f6
rgb(228,242,246)
-
#f3f9fb
#f3f9fb
rgb(243,249,251)
Tones of #45a5bd
A tone is produced by adding gray to any pure hue. In this case, #7f8283 is the less saturated color, while #0bc8f7 is the most saturated one.
-
#7f8283
#7f8283
rgb(127,130,131)
-
#75888d
#75888d
rgb(117,136,141)
-
#6c8e96
#6c8e96
rgb(108,142,150)
-
#6294a0
#6294a0
rgb(98,148,160)
-
#5899aa
#5899aa
rgb(88,153,170)
-
#4f9fb3
#4f9fb3
rgb(79,159,179)
-
#45a5bd
#45a5bd
rgb(69,165,189)
-
#3babc7
#3babc7
rgb(59,171,199)
-
#32b1d0
#32b1d0
rgb(50,177,208)
-
#28b6da
#28b6da
rgb(40,182,218)
-
#1ebce4
#1ebce4
rgb(30,188,228)
-
#15c2ed
#15c2ed
rgb(21,194,237)
-
#0bc8f7
#0bc8f7
rgb(11,200,247)
Color Blindness Simulator
Below, you can see how #45a5bd 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.