#45b6de Color Information
In a RGB color space, hex #45b6de is composed of 27.1% red, 71.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 18% magenta, 0% yellow and 12.9% black. It has a hue angle of 195.7 degrees, a saturation of 69.9% and a lightness of 57.1%. #45b6de color hex could be obtained by blending #8affff with #006dbd. Closest websafe color is: #33cccc.
-
- R 27
- G 71
- B 87
-
- C 69
- M 18
- Y 0
- K 13
● #45b6de color description : Soft blue.
#45b6de Color Conversion
The hexadecimal color #45b6de has RGB values of R:69, G:182, B:222 and CMYK values of C:0.69, M:0.18, Y:0, K:0.13. Its decimal value is 4568798.
Hex triplet | 45b6de | #45b6de |
---|---|---|
RGB Decimal | 69, 182, 222 | rgb(69,182,222) |
RGB Percent | 27.1, 71.4, 87.1 | rgb(27.1%,71.4%,87.1%) |
CMYK | 69, 18, 0, 13 | |
HSL | 195.7°, 69.9, 57.1 | hsl(195.7,69.9%,57.1%) |
HSV (or HSB) | 195.7°, 68.9, 87.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.464, -19.232, -29.37 |
---|---|
XYZ | 32.364, 39.992, 75.117 |
xyY | 0.219, 0.271, 39.992 |
CIE-LCH | 69.464, 35.106, 236.782 |
CIE-LUV | 69.464, -42.344, -43.924 |
Hunter-Lab | 63.24, -19.32, -26.158 |
Binary | 01000101, 10110110, 11011110 |
Color Schemes with #45b6de
Alternatives to #45b6de
Below, you can see some colors close to #45b6de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b6de Preview
This text has a font color of #45b6de.
<span style="color:#45b6de;">Text here</span>
This paragraph has a background color of #45b6de.
<p style="background-color:#45b6de;">Content here</p>
This element has a border color of #45b6de.
<div style="border:1px solid #45b6de;">Content here</div>
.text {color:#45b6de;}
.background {background-color:#45b6de;}
.border {border:1px solid #45b6de;}
Shades and Tints of #45b6de
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)
-
#0e3f51
#0e3f51
rgb(14,63,81)
-
#114c61
#114c61
rgb(17,76,97)
-
#145972
#145972
rgb(20,89,114)
-
#176683
#176683
rgb(23,102,131)
-
#1a7493
#1a7493
rgb(26,116,147)
-
#1d81a4
#1d81a4
rgb(29,129,164)
-
#208eb5
#208eb5
rgb(32,142,181)
-
#239bc5
#239bc5
rgb(35,155,197)
-
#26a8d6
#26a8d6
rgb(38,168,214)
-
#34afdb
#34afdb
rgb(52,175,219)
-
#45b6de
#45b6de
rgb(69,182,222)
-
#56bde1
#56bde1
rgb(86,189,225)
-
#66c3e4
#66c3e4
rgb(102,195,228)
-
#77cae7
#77cae7
rgb(119,202,231)
-
#88d0ea
#88d0ea
rgb(136,208,234)
-
#98d7ed
#98d7ed
rgb(152,215,237)
-
#a9ddf0
#a9ddf0
rgb(169,221,240)
-
#bae4f3
#bae4f3
rgb(186,228,243)
-
#caeaf6
#caeaf6
rgb(202,234,246)
-
#dbf1f9
#dbf1f9
rgb(219,241,249)
-
#ecf7fc
#ecf7fc
rgb(236,247,252)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #45b6de
A tone is produced by adding gray to any pure hue. In this case, #919292 is the less saturated color, while #2cc2f7 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)
-
#5eaac5
#5eaac5
rgb(94,170,197)
-
#56aecd
#56aecd
rgb(86,174,205)
-
#4db2d6
#4db2d6
rgb(77,178,214)
-
#45b6de
#45b6de
rgb(69,182,222)
-
#3dbae6
#3dbae6
rgb(61,186,230)
-
#34beef
#34beef
rgb(52,190,239)
-
#2cc2f7
#2cc2f7
rgb(44,194,247)
Color Blindness Simulator
Below, you can see how #45b6de 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.