#45b6f2 Color Information
In a RGB color space, hex #45b6f2 is composed of 27.1% red, 71.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 24.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.8 degrees, a saturation of 86.9% and a lightness of 61%. #45b6f2 color hex could be obtained by blending #8affff with #006de5. Closest websafe color is: #33ccff.
-
- R 27
- G 71
- B 95
-
- C 71
- M 25
- Y 0
- K 5
● #45b6f2 color description : Bright blue.
#45b6f2 Color Conversion
The hexadecimal color #45b6f2 has RGB values of R:69, G:182, B:242 and CMYK values of C:0.71, M:0.25, Y:0, K:0.05. Its decimal value is 4568818.
Hex triplet | 45b6f2 | #45b6f2 |
---|---|---|
RGB Decimal | 69, 182, 242 | rgb(69,182,242) |
RGB Percent | 27.1, 71.4, 94.9 | rgb(27.1%,71.4%,94.9%) |
CMYK | 71, 25, 0, 5 | |
HSL | 200.8°, 86.9, 61 | hsl(200.8,86.9%,61%) |
HSV (or HSB) | 200.8°, 71.5, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.266, -12.756, -39.02 |
---|---|
XYZ | 35.205, 41.129, 90.083 |
xyY | 0.212, 0.247, 41.129 |
CIE-LCH | 70.266, 41.052, 251.897 |
CIE-LUV | 70.266, -41.261, -61.229 |
Hunter-Lab | 64.132, -14.243, -38.389 |
Binary | 01000101, 10110110, 11110010 |
Color Schemes with #45b6f2
Alternatives to #45b6f2
Below, you can see some colors close to #45b6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b6f2 Preview
This text has a font color of #45b6f2.
<span style="color:#45b6f2;">Text here</span>
This paragraph has a background color of #45b6f2.
<p style="background-color:#45b6f2;">Content here</p>
This element has a border color of #45b6f2.
<div style="border:1px solid #45b6f2;">Content here</div>
.text {color:#45b6f2;}
.background {background-color:#45b6f2;}
.border {border:1px solid #45b6f2;}
Shades and Tints of #45b6f2
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, #010b10 is the darkest color, while #fcfeff is the lightest one.
-
#010b10
#010b10
rgb(1,11,16)
-
#021722
#021722
rgb(2,23,34)
-
#042334
#042334
rgb(4,35,52)
-
#053047
#053047
rgb(5,48,71)
-
#063c59
#063c59
rgb(6,60,89)
-
#08496b
#08496b
rgb(8,73,107)
-
#09557e
#09557e
rgb(9,85,126)
-
#0a6290
#0a6290
rgb(10,98,144)
-
#0b6ea2
#0b6ea2
rgb(11,110,162)
-
#0d7ab5
#0d7ab5
rgb(13,122,181)
-
#0e87c7
#0e87c7
rgb(14,135,199)
-
#0f93d9
#0f93d9
rgb(15,147,217)
-
#10a0ec
#10a0ec
rgb(16,160,236)
-
#20a8ef
#20a8ef
rgb(32,168,239)
-
#33aff1
#33aff1
rgb(51,175,241)
-
#45b6f2
#45b6f2
rgb(69,182,242)
-
#57bdf3
#57bdf3
rgb(87,189,243)
-
#6ac4f5
#6ac4f5
rgb(106,196,245)
-
#7cccf6
#7cccf6
rgb(124,204,246)
-
#8ed3f7
#8ed3f7
rgb(142,211,247)
-
#a1daf8
#a1daf8
rgb(161,218,248)
-
#b3e1fa
#b3e1fa
rgb(179,225,250)
-
#c5e8fb
#c5e8fb
rgb(197,232,251)
-
#d8f0fc
#d8f0fc
rgb(216,240,252)
-
#eaf7fe
#eaf7fe
rgb(234,247,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #45b6f2
A tone is produced by adding gray to any pure hue. In this case, #999c9e is the less saturated color, while #3db8fa is the most saturated one.
-
#999c9e
#999c9e
rgb(153,156,158)
-
#929fa5
#929fa5
rgb(146,159,165)
-
#8aa1ad
#8aa1ad
rgb(138,161,173)
-
#82a3b5
#82a3b5
rgb(130,163,181)
-
#7ba6bc
#7ba6bc
rgb(123,166,188)
-
#73a8c4
#73a8c4
rgb(115,168,196)
-
#6baacc
#6baacc
rgb(107,170,204)
-
#64add3
#64add3
rgb(100,173,211)
-
#5cafdb
#5cafdb
rgb(92,175,219)
-
#54b1e3
#54b1e3
rgb(84,177,227)
-
#4db4ea
#4db4ea
rgb(77,180,234)
-
#45b6f2
#45b6f2
rgb(69,182,242)
-
#3db8fa
#3db8fa
rgb(61,184,250)
Color Blindness Simulator
Below, you can see how #45b6f2 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.