#45aee1 Color Information
In a RGB color space, hex #45aee1 is composed of 27.1% red, 68.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 22.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 199.6 degrees, a saturation of 72.2% and a lightness of 57.6%. #45aee1 color hex could be obtained by blending #8affff with #005dc3. Closest websafe color is: #3399cc.
-
- R 27
- G 68
- B 88
-
- C 69
- M 23
- Y 0
- K 12
● #45aee1 color description : Soft blue.
#45aee1 Color Conversion
The hexadecimal color #45aee1 has RGB values of R:69, G:174, B:225 and CMYK values of C:0.69, M:0.23, Y:0, K:0.12. Its decimal value is 4566753.
Hex triplet | 45aee1 | #45aee1 |
---|---|---|
RGB Decimal | 69, 174, 225 | rgb(69,174,225) |
RGB Percent | 27.1, 68.2, 88.2 | rgb(27.1%,68.2%,88.2%) |
CMYK | 69, 23, 0, 12 | |
HSL | 199.6°, 72.2, 57.6 | hsl(199.6,72.2%,57.6%) |
HSV (or HSB) | 199.6°, 69.3, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 67.255, -14.03, -34.428 |
---|---|
XYZ | 31.177, 36.971, 76.723 |
xyY | 0.215, 0.255, 36.971 |
CIE-LCH | 67.255, 37.177, 247.829 |
CIE-LUV | 67.255, -39.338, -52.917 |
Hunter-Lab | 60.804, -14.88, -32.25 |
Binary | 01000101, 10101110, 11100001 |
Color Schemes with #45aee1
Alternatives to #45aee1
Below, you can see some colors close to #45aee1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45aee1 Preview
This text has a font color of #45aee1.
<span style="color:#45aee1;">Text here</span>
This paragraph has a background color of #45aee1.
<p style="background-color:#45aee1;">Content here</p>
This element has a border color of #45aee1.
<div style="border:1px solid #45aee1;">Content here</div>
.text {color:#45aee1;}
.background {background-color:#45aee1;}
.border {border:1px solid #45aee1;}
Shades and Tints of #45aee1
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, #030c11 is the darkest color, while #ffffff is the lightest one.
-
#030c11
#030c11
rgb(3,12,17)
-
#051822
#051822
rgb(5,24,34)
-
#082532
#082532
rgb(8,37,50)
-
#0b3143
#0b3143
rgb(11,49,67)
-
#0e3d54
#0e3d54
rgb(14,61,84)
-
#104965
#104965
rgb(16,73,101)
-
#135676
#135676
rgb(19,86,118)
-
#166287
#166287
rgb(22,98,135)
-
#186e98
#186e98
rgb(24,110,152)
-
#1b7aa9
#1b7aa9
rgb(27,122,169)
-
#1e87ba
#1e87ba
rgb(30,135,186)
-
#2193ca
#2193ca
rgb(33,147,202)
-
#239fdb
#239fdb
rgb(35,159,219)
-
#34a7de
#34a7de
rgb(52,167,222)
-
#45aee1
#45aee1
rgb(69,174,225)
-
#56b5e4
#56b5e4
rgb(86,181,228)
-
#67bde6
#67bde6
rgb(103,189,230)
-
#78c4e9
#78c4e9
rgb(120,196,233)
-
#89cbec
#89cbec
rgb(137,203,236)
-
#99d3ef
#99d3ef
rgb(153,211,239)
-
#aadaf1
#aadaf1
rgb(170,218,241)
-
#bbe1f4
#bbe1f4
rgb(187,225,244)
-
#cce9f7
#cce9f7
rgb(204,233,247)
-
#ddf0fa
#ddf0fa
rgb(221,240,250)
-
#eef8fc
#eef8fc
rgb(238,248,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #45aee1
A tone is produced by adding gray to any pure hue. In this case, #909496 is the less saturated color, while #2cb7fa is the most saturated one.
-
#909496
#909496
rgb(144,148,150)
-
#87979f
#87979f
rgb(135,151,159)
-
#7f9aa7
#7f9aa7
rgb(127,154,167)
-
#779daf
#779daf
rgb(119,157,175)
-
#6fa0b7
#6fa0b7
rgb(111,160,183)
-
#66a2c0
#66a2c0
rgb(102,162,192)
-
#5ea5c8
#5ea5c8
rgb(94,165,200)
-
#56a8d0
#56a8d0
rgb(86,168,208)
-
#4dabd9
#4dabd9
rgb(77,171,217)
-
#45aee1
#45aee1
rgb(69,174,225)
-
#3db1e9
#3db1e9
rgb(61,177,233)
-
#34b4f2
#34b4f2
rgb(52,180,242)
-
#2cb7fa
#2cb7fa
rgb(44,183,250)
Color Blindness Simulator
Below, you can see how #45aee1 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.