#45b7df Color Information
In a RGB color space, hex #45b7df is composed of 27.1% red, 71.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 17.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 195.6 degrees, a saturation of 70.6% and a lightness of 57.3%. #45b7df color hex could be obtained by blending #8affff with #006fbf. Closest websafe color is: #33cccc.
-
- R 27
- G 72
- B 87
-
- C 69
- M 18
- Y 0
- K 13
● #45b7df color description : Soft blue.
#45b7df Color Conversion
The hexadecimal color #45b7df has RGB values of R:69, G:183, B:223 and CMYK values of C:0.69, M:0.18, Y:0, K:0.13. Its decimal value is 4569055.
Hex triplet | 45b7df | #45b7df |
---|---|---|
RGB Decimal | 69, 183, 223 | rgb(69,183,223) |
RGB Percent | 27.1, 71.8, 87.5 | rgb(27.1%,71.8%,87.5%) |
CMYK | 69, 18, 0, 13 | |
HSL | 195.6°, 70.6, 57.3 | hsl(195.6,70.6%,57.3%) |
HSV (or HSB) | 195.6°, 69.1, 87.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.794, -19.435, -29.408 |
---|---|
XYZ | 32.704, 40.457, 75.893 |
xyY | 0.219, 0.271, 40.457 |
CIE-LCH | 69.794, 35.25, 236.54 |
CIE-LUV | 69.794, -42.645, -43.989 |
Hunter-Lab | 63.606, -19.533, -26.22 |
Binary | 01000101, 10110111, 11011111 |
Color Schemes with #45b7df
Alternatives to #45b7df
Below, you can see some colors close to #45b7df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b7df Preview
This text has a font color of #45b7df.
<span style="color:#45b7df;">Text here</span>
This paragraph has a background color of #45b7df.
<p style="background-color:#45b7df;">Content here</p>
This element has a border color of #45b7df.
<div style="border:1px solid #45b7df;">Content here</div>
.text {color:#45b7df;}
.background {background-color:#45b7df;}
.border {border:1px solid #45b7df;}
Shades and Tints of #45b7df
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, #030c0f is the darkest color, while #fdfeff is the lightest one.
-
#030c0f
#030c0f
rgb(3,12,15)
-
#051920
#051920
rgb(5,25,32)
-
#082630
#082630
rgb(8,38,48)
-
#0b3341
#0b3341
rgb(11,51,65)
-
#0e4052
#0e4052
rgb(14,64,82)
-
#114d63
#114d63
rgb(17,77,99)
-
#145a73
#145a73
rgb(20,90,115)
-
#176884
#176884
rgb(23,104,132)
-
#1a7595
#1a7595
rgb(26,117,149)
-
#1c82a5
#1c82a5
rgb(28,130,165)
-
#1f8fb6
#1f8fb6
rgb(31,143,182)
-
#229cc7
#229cc7
rgb(34,156,199)
-
#25a9d8
#25a9d8
rgb(37,169,216)
-
#34b1dc
#34b1dc
rgb(52,177,220)
-
#45b7df
#45b7df
rgb(69,183,223)
-
#56bde2
#56bde2
rgb(86,189,226)
-
#66c4e5
#66c4e5
rgb(102,196,229)
-
#77cae8
#77cae8
rgb(119,202,232)
-
#88d1eb
#88d1eb
rgb(136,209,235)
-
#99d7ed
#99d7ed
rgb(153,215,237)
-
#a9def0
#a9def0
rgb(169,222,240)
-
#bae4f3
#bae4f3
rgb(186,228,243)
-
#cbebf6
#cbebf6
rgb(203,235,246)
-
#dcf1f9
#dcf1f9
rgb(220,241,249)
-
#ecf8fc
#ecf8fc
rgb(236,248,252)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #45b7df
A tone is produced by adding gray to any pure hue. In this case, #909394 is the less saturated color, while #2cc3f8 is the most saturated one.
-
#909394
#909394
rgb(144,147,148)
-
#88979c
#88979c
rgb(136,151,156)
-
#809ba4
#809ba4
rgb(128,155,164)
-
#779fad
#779fad
rgb(119,159,173)
-
#6fa3b5
#6fa3b5
rgb(111,163,181)
-
#67a7bd
#67a7bd
rgb(103,167,189)
-
#5eabc6
#5eabc6
rgb(94,171,198)
-
#56afce
#56afce
rgb(86,175,206)
-
#4db3d7
#4db3d7
rgb(77,179,215)
-
#45b7df
#45b7df
rgb(69,183,223)
-
#3dbbe7
#3dbbe7
rgb(61,187,231)
-
#34bff0
#34bff0
rgb(52,191,240)
-
#2cc3f8
#2cc3f8
rgb(44,195,248)
Color Blindness Simulator
Below, you can see how #45b7df 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.