#45b7de Color Information
In a RGB color space, hex #45b7de is composed of 27.1% red, 71.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 17.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.3 degrees, a saturation of 69.9% and a lightness of 57.1%. #45b7de color hex could be obtained by blending #8affff with #006fbd. Closest websafe color is: #33cccc.
-
- R 27
- G 72
- B 87
-
- C 69
- M 18
- Y 0
- K 13
● #45b7de color description : Soft blue.
#45b7de Color Conversion
The hexadecimal color #45b7de has RGB values of R:69, G:183, B:222 and CMYK values of C:0.69, M:0.18, Y:0, K:0.13. Its decimal value is 4569054.
Hex triplet | 45b7de | #45b7de |
---|---|---|
RGB Decimal | 69, 183, 222 | rgb(69,183,222) |
RGB Percent | 27.1, 71.8, 87.1 | rgb(27.1%,71.8%,87.1%) |
CMYK | 69, 18, 0, 13 | |
HSL | 195.3°, 69.9, 57.1 | hsl(195.3,69.9%,57.1%) |
HSV (or HSB) | 195.3°, 68.9, 87.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.756, -19.752, -28.92 |
---|---|
XYZ | 32.569, 40.403, 75.185 |
xyY | 0.22, 0.273, 40.403 |
CIE-LCH | 69.756, 35.022, 235.667 |
CIE-LUV | 69.756, -42.701, -43.123 |
Hunter-Lab | 63.564, -19.776, -25.636 |
Binary | 01000101, 10110111, 11011110 |
Color Schemes with #45b7de
Alternatives to #45b7de
Below, you can see some colors close to #45b7de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b7de Preview
This text has a font color of #45b7de.
<span style="color:#45b7de;">Text here</span>
This paragraph has a background color of #45b7de.
<p style="background-color:#45b7de;">Content here</p>
This element has a border color of #45b7de.
<div style="border:1px solid #45b7de;">Content here</div>
.text {color:#45b7de;}
.background {background-color:#45b7de;}
.border {border:1px solid #45b7de;}
Shades and Tints of #45b7de
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, #020b0e is the darkest color, while #fcfeff is the lightest one.
-
#020b0e
#020b0e
rgb(2,11,14)
-
#05181f
#05181f
rgb(5,24,31)
-
#08252f
#08252f
rgb(8,37,47)
-
#0b3240
#0b3240
rgb(11,50,64)
-
#0e4051
#0e4051
rgb(14,64,81)
-
#114d61
#114d61
rgb(17,77,97)
-
#145a72
#145a72
rgb(20,90,114)
-
#176783
#176783
rgb(23,103,131)
-
#1a7493
#1a7493
rgb(26,116,147)
-
#1d81a4
#1d81a4
rgb(29,129,164)
-
#208fb5
#208fb5
rgb(32,143,181)
-
#239cc5
#239cc5
rgb(35,156,197)
-
#26a9d6
#26a9d6
rgb(38,169,214)
-
#34b1db
#34b1db
rgb(52,177,219)
-
#45b7de
#45b7de
rgb(69,183,222)
-
#56bde1
#56bde1
rgb(86,189,225)
-
#66c4e4
#66c4e4
rgb(102,196,228)
-
#77cae7
#77cae7
rgb(119,202,231)
-
#88d1ea
#88d1ea
rgb(136,209,234)
-
#98d7ed
#98d7ed
rgb(152,215,237)
-
#a9def0
#a9def0
rgb(169,222,240)
-
#bae4f3
#bae4f3
rgb(186,228,243)
-
#caebf6
#caebf6
rgb(202,235,246)
-
#dbf1f9
#dbf1f9
rgb(219,241,249)
-
#ecf7fc
#ecf7fc
rgb(236,247,252)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #45b7de
A tone is produced by adding gray to any pure hue. In this case, #919292 is the less saturated color, while #2cc3f7 is the most saturated one.
-
#919292
#919292
rgb(145,146,146)
-
#88969b
#88969b
rgb(136,150,155)
-
#809aa3
#809aa3
rgb(128,154,163)
-
#789eab
#789eab
rgb(120,158,171)
-
#6fa2b4
#6fa2b4
rgb(111,162,180)
-
#67a6bc
#67a6bc
rgb(103,166,188)
-
#5eabc5
#5eabc5
rgb(94,171,197)
-
#56afcd
#56afcd
rgb(86,175,205)
-
#4db3d6
#4db3d6
rgb(77,179,214)
-
#45b7de
#45b7de
rgb(69,183,222)
-
#3dbbe6
#3dbbe6
rgb(61,187,230)
-
#34bfef
#34bfef
rgb(52,191,239)
-
#2cc3f7
#2cc3f7
rgb(44,195,247)
Color Blindness Simulator
Below, you can see how #45b7de 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.