#45a2b3 Color Information
In a RGB color space, hex #45a2b3 is composed of 27.1% red, 63.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 9.5% magenta, 0% yellow and 29.8% black. It has a hue angle of 189.3 degrees, a saturation of 44.4% and a lightness of 48.6%. #45a2b3 color hex could be obtained by blending #8affff with #004567. Closest websafe color is: #3399cc.
-
- R 27
- G 64
- B 70
-
- C 61
- M 9
- Y 0
- K 30
● #45a2b3 color description : Moderate cyan.
#45a2b3 Color Conversion
The hexadecimal color #45a2b3 has RGB values of R:69, G:162, B:179 and CMYK values of C:0.61, M:0.09, Y:0, K:0.3. Its decimal value is 4563635.
Hex triplet | 45a2b3 | #45a2b3 |
---|---|---|
RGB Decimal | 69, 162, 179 | rgb(69,162,179) |
RGB Percent | 27.1, 63.5, 70.2 | rgb(27.1%,63.5%,70.2%) |
CMYK | 61, 9, 0, 30 | |
HSL | 189.3°, 44.4, 48.6 | hsl(189.3,44.4%,48.6%) |
HSV (or HSB) | 189.3°, 61.5, 70.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 61.963, -22.186, -17.017 |
---|---|
XYZ | 23.509, 30.359, 47.266 |
xyY | 0.232, 0.3, 30.359 |
CIE-LCH | 61.963, 27.96, 217.489 |
CIE-LUV | 61.963, -37.325, -22.662 |
Hunter-Lab | 55.099, -20.262, -12.293 |
Binary | 01000101, 10100010, 10110011 |
Color Schemes with #45a2b3
Alternatives to #45a2b3
Below, you can see some colors close to #45a2b3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a2b3 Preview
This text has a font color of #45a2b3.
<span style="color:#45a2b3;">Text here</span>
This paragraph has a background color of #45a2b3.
<p style="background-color:#45a2b3;">Content here</p>
This element has a border color of #45a2b3.
<div style="border:1px solid #45a2b3;">Content here</div>
.text {color:#45a2b3;}
.background {background-color:#45a2b3;}
.border {border:1px solid #45a2b3;}
Shades and Tints of #45a2b3
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, #040809 is the darkest color, while #fafdfd is the lightest one.
-
#040809
#040809
rgb(4,8,9)
-
#091517
#091517
rgb(9,21,23)
-
#0e2225
#0e2225
rgb(14,34,37)
-
#142f34
#142f34
rgb(20,47,52)
-
#193b42
#193b42
rgb(25,59,66)
-
#1f4850
#1f4850
rgb(31,72,80)
-
#24555e
#24555e
rgb(36,85,94)
-
#2a626c
#2a626c
rgb(42,98,108)
-
#2f6f7a
#2f6f7a
rgb(47,111,122)
-
#357c89
#357c89
rgb(53,124,137)
-
#3a8897
#3a8897
rgb(58,136,151)
-
#4095a5
#4095a5
rgb(64,149,165)
-
#45a2b3
#45a2b3
rgb(69,162,179)
-
#50abbc
#50abbc
rgb(80,171,188)
-
#5eb2c1
#5eb2c1
rgb(94,178,193)
-
#6cb9c6
#6cb9c6
rgb(108,185,198)
-
#7bbfcc
#7bbfcc
rgb(123,191,204)
-
#89c6d1
#89c6d1
rgb(137,198,209)
-
#97cdd7
#97cdd7
rgb(151,205,215)
-
#a5d4dc
#a5d4dc
rgb(165,212,220)
-
#b3dbe2
#b3dbe2
rgb(179,219,226)
-
#c1e1e7
#c1e1e7
rgb(193,225,231)
-
#cfe8ed
#cfe8ed
rgb(207,232,237)
-
#deeff2
#deeff2
rgb(222,239,242)
-
#ecf6f8
#ecf6f8
rgb(236,246,248)
-
#fafdfd
#fafdfd
rgb(250,253,253)
Tones of #45a2b3
A tone is produced by adding gray to any pure hue. In this case, #758183 is the less saturated color, while #02d0f6 is the most saturated one.
-
#758183
#758183
rgb(117,129,131)
-
#6b888d
#6b888d
rgb(107,136,141)
-
#628e96
#628e96
rgb(98,142,150)
-
#5895a0
#5895a0
rgb(88,149,160)
-
#4f9ba9
#4f9ba9
rgb(79,155,169)
-
#45a2b3
#45a2b3
rgb(69,162,179)
-
#3ba9bd
#3ba9bd
rgb(59,169,189)
-
#32afc6
#32afc6
rgb(50,175,198)
-
#28b6d0
#28b6d0
rgb(40,182,208)
-
#1fbcd9
#1fbcd9
rgb(31,188,217)
-
#15c3e3
#15c3e3
rgb(21,195,227)
-
#0ccaec
#0ccaec
rgb(12,202,236)
-
#02d0f6
#02d0f6
rgb(2,208,246)
Color Blindness Simulator
Below, you can see how #45a2b3 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.