#45b9e4 Color Information
In a RGB color space, hex #45b9e4 is composed of 27.1% red, 72.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 18.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 196.2 degrees, a saturation of 74.6% and a lightness of 58.2%. #45b9e4 color hex could be obtained by blending #8affff with #0073c9. Closest websafe color is: #33cccc.
-
- R 27
- G 73
- B 89
-
- C 70
- M 19
- Y 0
- K 11
● #45b9e4 color description : Soft blue.
#45b9e4 Color Conversion
The hexadecimal color #45b9e4 has RGB values of R:69, G:185, B:228 and CMYK values of C:0.7, M:0.19, Y:0, K:0.11. Its decimal value is 4569572.
Hex triplet | 45b9e4 | #45b9e4 |
---|---|---|
RGB Decimal | 69, 185, 228 | rgb(69,185,228) |
RGB Percent | 27.1, 72.5, 89.4 | rgb(27.1%,72.5%,89.4%) |
CMYK | 70, 19, 0, 11 | |
HSL | 196.2°, 74.6, 58.2 | hsl(196.2,74.6%,58.2%) |
HSV (or HSB) | 196.2°, 69.7, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.568, -18.887, -30.941 |
---|---|
XYZ | 33.803, 41.562, 79.635 |
xyY | 0.218, 0.268, 41.562 |
CIE-LCH | 70.568, 36.25, 238.6 |
CIE-LUV | 70.568, -43.076, -46.719 |
Hunter-Lab | 64.468, -19.226, -28.111 |
Binary | 01000101, 10111001, 11100100 |
Color Schemes with #45b9e4
Alternatives to #45b9e4
Below, you can see some colors close to #45b9e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b9e4 Preview
This text has a font color of #45b9e4.
<span style="color:#45b9e4;">Text here</span>
This paragraph has a background color of #45b9e4.
<p style="background-color:#45b9e4;">Content here</p>
This element has a border color of #45b9e4.
<div style="border:1px solid #45b9e4;">Content here</div>
.text {color:#45b9e4;}
.background {background-color:#45b9e4;}
.border {border:1px solid #45b9e4;}
Shades and Tints of #45b9e4
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, #000202 is the darkest color, while #f0f9fd is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#030f14
#030f14
rgb(3,15,20)
-
#051c25
#051c25
rgb(5,28,37)
-
#082936
#082936
rgb(8,41,54)
-
#0a3747
#0a3747
rgb(10,55,71)
-
#0d4458
#0d4458
rgb(13,68,88)
-
#0f5169
#0f5169
rgb(15,81,105)
-
#125e7a
#125e7a
rgb(18,94,122)
-
#146b8b
#146b8b
rgb(20,107,139)
-
#17789d
#17789d
rgb(23,120,157)
-
#1986ae
#1986ae
rgb(25,134,174)
-
#1c93bf
#1c93bf
rgb(28,147,191)
-
#1ea0d0
#1ea0d0
rgb(30,160,208)
-
#23acdf
#23acdf
rgb(35,172,223)
-
#34b3e2
#34b3e2
rgb(52,179,226)
-
#45b9e4
#45b9e4
rgb(69,185,228)
-
#56bfe6
#56bfe6
rgb(86,191,230)
-
#67c6e9
#67c6e9
rgb(103,198,233)
-
#78cceb
#78cceb
rgb(120,204,235)
-
#8ad3ee
#8ad3ee
rgb(138,211,238)
-
#9bd9f0
#9bd9f0
rgb(155,217,240)
-
#ace0f3
#ace0f3
rgb(172,224,243)
-
#bde6f5
#bde6f5
rgb(189,230,245)
-
#ceedf8
#ceedf8
rgb(206,237,248)
-
#dff3fa
#dff3fa
rgb(223,243,250)
-
#f0f9fd
#f0f9fd
rgb(240,249,253)
Tones of #45b9e4
A tone is produced by adding gray to any pure hue. In this case, #8f979a is the less saturated color, while #2cc4fd is the most saturated one.
-
#8f979a
#8f979a
rgb(143,151,154)
-
#879ba2
#879ba2
rgb(135,155,162)
-
#7e9fab
#7e9fab
rgb(126,159,171)
-
#76a2b3
#76a2b3
rgb(118,162,179)
-
#6ea6bb
#6ea6bb
rgb(110,166,187)
-
#66aac3
#66aac3
rgb(102,170,195)
-
#5eaecb
#5eaecb
rgb(94,174,203)
-
#55b1d4
#55b1d4
rgb(85,177,212)
-
#4db5dc
#4db5dc
rgb(77,181,220)
-
#45b9e4
#45b9e4
rgb(69,185,228)
-
#3dbdec
#3dbdec
rgb(61,189,236)
-
#35c1f4
#35c1f4
rgb(53,193,244)
-
#2cc4fd
#2cc4fd
rgb(44,196,253)
Color Blindness Simulator
Below, you can see how #45b9e4 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.