#45a9dc Color Information
In a RGB color space, hex #45a9dc is composed of 27.1% red, 66.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 23.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 200.3 degrees, a saturation of 68.3% and a lightness of 56.7%. #45a9dc color hex could be obtained by blending #8affff with #0053b9. Closest websafe color is: #3399cc.
-
- R 27
- G 66
- B 86
-
- C 69
- M 23
- Y 0
- K 14
● #45a9dc color description : Soft blue.
#45a9dc Color Conversion
The hexadecimal color #45a9dc has RGB values of R:69, G:169, B:220 and CMYK values of C:0.69, M:0.23, Y:0, K:0.14. Its decimal value is 4565468.
Hex triplet | 45a9dc | #45a9dc |
---|---|---|
RGB Decimal | 69, 169, 220 | rgb(69,169,220) |
RGB Percent | 27.1, 66.3, 86.3 | rgb(27.1%,66.3%,86.3%) |
CMYK | 69, 23, 0, 14 | |
HSL | 200.3°, 68.3, 56.7 | hsl(200.3,68.3%,56.7%) |
HSV (or HSB) | 200.3°, 68.6, 86.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.597, -12.964, -34.254 |
---|---|
XYZ | 29.557, 34.806, 72.867 |
xyY | 0.215, 0.254, 34.806 |
CIE-LCH | 65.597, 36.625, 249.27 |
CIE-LUV | 65.597, -37.816, -52.567 |
Hunter-Lab | 58.997, -13.816, -31.931 |
Binary | 01000101, 10101001, 11011100 |
Color Schemes with #45a9dc
Alternatives to #45a9dc
Below, you can see some colors close to #45a9dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a9dc Preview
This text has a font color of #45a9dc.
<span style="color:#45a9dc;">Text here</span>
This paragraph has a background color of #45a9dc.
<p style="background-color:#45a9dc;">Content here</p>
This element has a border color of #45a9dc.
<div style="border:1px solid #45a9dc;">Content here</div>
.text {color:#45a9dc;}
.background {background-color:#45a9dc;}
.border {border:1px solid #45a9dc;}
Shades and Tints of #45a9dc
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, #02090c is the darkest color, while #fbfdfe is the lightest one.
-
#02090c
#02090c
rgb(2,9,12)
-
#05151d
#05151d
rgb(5,21,29)
-
#08212d
#08212d
rgb(8,33,45)
-
#0c2d3e
#0c2d3e
rgb(12,45,62)
-
#0f394e
#0f394e
rgb(15,57,78)
-
#12455f
#12455f
rgb(18,69,95)
-
#15516f
#15516f
rgb(21,81,111)
-
#185d80
#185d80
rgb(24,93,128)
-
#1b6990
#1b6990
rgb(27,105,144)
-
#1e75a1
#1e75a1
rgb(30,117,161)
-
#2181b1
#2181b1
rgb(33,129,177)
-
#248dc2
#248dc2
rgb(36,141,194)
-
#2899d2
#2899d2
rgb(40,153,210)
-
#34a1d9
#34a1d9
rgb(52,161,217)
-
#45a9dc
#45a9dc
rgb(69,169,220)
-
#56b1df
#56b1df
rgb(86,177,223)
-
#66b8e2
#66b8e2
rgb(102,184,226)
-
#77c0e5
#77c0e5
rgb(119,192,229)
-
#87c8e8
#87c8e8
rgb(135,200,232)
-
#98cfec
#98cfec
rgb(152,207,236)
-
#a8d7ef
#a8d7ef
rgb(168,215,239)
-
#b9def2
#b9def2
rgb(185,222,242)
-
#c9e6f5
#c9e6f5
rgb(201,230,245)
-
#daeef8
#daeef8
rgb(218,238,248)
-
#eaf5fb
#eaf5fb
rgb(234,245,251)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #45a9dc
A tone is produced by adding gray to any pure hue. In this case, #899398 is the less saturated color, while #23b4fe is the most saturated one.
-
#899398
#899398
rgb(137,147,152)
-
#8196a1
#8196a1
rgb(129,150,161)
-
#7898a9
#7898a9
rgb(120,152,169)
-
#709bb2
#709bb2
rgb(112,155,178)
-
#679eba
#679eba
rgb(103,158,186)
-
#5ea1c3
#5ea1c3
rgb(94,161,195)
-
#56a3cb
#56a3cb
rgb(86,163,203)
-
#4ea6d4
#4ea6d4
rgb(78,166,212)
-
#45a9dc
#45a9dc
rgb(69,169,220)
-
#3dace5
#3dace5
rgb(61,172,229)
-
#34afed
#34afed
rgb(52,175,237)
-
#2cb1f6
#2cb1f6
rgb(44,177,246)
-
#23b4fe
#23b4fe
rgb(35,180,254)
Color Blindness Simulator
Below, you can see how #45a9dc 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.