#45a1fe Color Information
In a RGB color space, hex #45a1fe is composed of 27.1% red, 63.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 36.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 210.2 degrees, a saturation of 98.9% and a lightness of 63.3%. #45a1fe color hex could be obtained by blending #8affff with #0043fd. Closest websafe color is: #3399ff.
-
- R 27
- G 63
- B 100
-
- C 73
- M 37
- Y 0
- K 0
● #45a1fe color description : Bright blue.
#45a1fe Color Conversion
The hexadecimal color #45a1fe has RGB values of R:69, G:161, B:254 and CMYK values of C:0.73, M:0.37, Y:0, K:0. Its decimal value is 4563454.
Hex triplet | 45a1fe | #45a1fe |
---|---|---|
RGB Decimal | 69, 161, 254 | rgb(69,161,254) |
RGB Percent | 27.1, 63.1, 99.6 | rgb(27.1%,63.1%,99.6%) |
CMYK | 73, 37, 0, 0 | |
HSL | 210.2°, 98.9, 63.3 | hsl(210.2,98.9%,63.3%) |
HSV (or HSB) | 210.2°, 72.8, 99.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.89, 3.059, -54.005 |
---|---|
XYZ | 33.084, 33.908, 98.562 |
xyY | 0.2, 0.205, 33.908 |
CIE-LCH | 64.89, 54.091, 273.242 |
CIE-LUV | 64.89, -33.578, -87.649 |
Hunter-Lab | 58.231, -0.487, -59.593 |
Binary | 01000101, 10100001, 11111110 |
Color Schemes with #45a1fe
Alternatives to #45a1fe
Below, you can see some colors close to #45a1fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a1fe Preview
This text has a font color of #45a1fe.
<span style="color:#45a1fe;">Text here</span>
This paragraph has a background color of #45a1fe.
<p style="background-color:#45a1fe;">Content here</p>
This element has a border color of #45a1fe.
<div style="border:1px solid #45a1fe;">Content here</div>
.text {color:#45a1fe;}
.background {background-color:#45a1fe;}
.border {border:1px solid #45a1fe;}
Shades and Tints of #45a1fe
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, #000509 is the darkest color, while #f5faff is the lightest one.
-
#000509
#000509
rgb(0,5,9)
-
#000e1d
#000e1d
rgb(0,14,29)
-
#001830
#001830
rgb(0,24,48)
-
#002244
#002244
rgb(0,34,68)
-
#002c57
#002c57
rgb(0,44,87)
-
#01356b
#01356b
rgb(1,53,107)
-
#013f7e
#013f7e
rgb(1,63,126)
-
#014992
#014992
rgb(1,73,146)
-
#0153a5
#0153a5
rgb(1,83,165)
-
#015cb9
#015cb9
rgb(1,92,185)
-
#0166cc
#0166cc
rgb(1,102,204)
-
#0170e0
#0170e0
rgb(1,112,224)
-
#017af3
#017af3
rgb(1,122,243)
-
#0a83fe
#0a83fe
rgb(10,131,254)
-
#1e8dfe
#1e8dfe
rgb(30,141,254)
-
#3197fe
#3197fe
rgb(49,151,254)
-
#45a1fe
#45a1fe
rgb(69,161,254)
-
#59abfe
#59abfe
rgb(89,171,254)
-
#6cb5fe
#6cb5fe
rgb(108,181,254)
-
#80bffe
#80bffe
rgb(128,191,254)
-
#93c8fe
#93c8fe
rgb(147,200,254)
-
#a7d2ff
#a7d2ff
rgb(167,210,255)
-
#badcff
#badcff
rgb(186,220,255)
-
#cee6ff
#cee6ff
rgb(206,230,255)
-
#e1f0ff
#e1f0ff
rgb(225,240,255)
-
#f5faff
#f5faff
rgb(245,250,255)
Tones of #45a1fe
A tone is produced by adding gray to any pure hue. In this case, #9ba1a8 is the less saturated color, while #45a1fe is the most saturated one.
-
#9ba1a8
#9ba1a8
rgb(155,161,168)
-
#94a1af
#94a1af
rgb(148,161,175)
-
#8da1b6
#8da1b6
rgb(141,161,182)
-
#86a1bd
#86a1bd
rgb(134,161,189)
-
#7fa1c4
#7fa1c4
rgb(127,161,196)
-
#77a1cc
#77a1cc
rgb(119,161,204)
-
#70a1d3
#70a1d3
rgb(112,161,211)
-
#69a1da
#69a1da
rgb(105,161,218)
-
#62a1e1
#62a1e1
rgb(98,161,225)
-
#5ba1e8
#5ba1e8
rgb(91,161,232)
-
#53a1f0
#53a1f0
rgb(83,161,240)
-
#4ca1f7
#4ca1f7
rgb(76,161,247)
-
#45a1fe
#45a1fe
rgb(69,161,254)
Color Blindness Simulator
Below, you can see how #45a1fe 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.