#45a2fc Color Information
In a RGB color space, hex #45a2fc is composed of 27.1% red, 63.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 35.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 209.5 degrees, a saturation of 96.8% and a lightness of 62.9%. #45a2fc color hex could be obtained by blending #8affff with #0045f9. Closest websafe color is: #3399ff.
-
- R 27
- G 64
- B 99
-
- C 73
- M 36
- Y 0
- K 1
● #45a2fc color description : Bright blue.
#45a2fc Color Conversion
The hexadecimal color #45a2fc has RGB values of R:69, G:162, B:252 and CMYK values of C:0.73, M:0.36, Y:0, K:0.01. Its decimal value is 4563708.
Hex triplet | 45a2fc | #45a2fc |
---|---|---|
RGB Decimal | 69, 162, 252 | rgb(69,162,252) |
RGB Percent | 27.1, 63.5, 98.8 | rgb(27.1%,63.5%,98.8%) |
CMYK | 73, 36, 0, 1 | |
HSL | 209.5°, 96.8, 62.9 | hsl(209.5,96.8%,62.9%) |
HSV (or HSB) | 209.5°, 72.6, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.067, 1.786, -52.634 |
---|---|
XYZ | 32.941, 34.132, 96.942 |
xyY | 0.201, 0.208, 34.132 |
CIE-LCH | 65.067, 52.664, 271.944 |
CIE-LUV | 65.067, -33.985, -85.244 |
Hunter-Lab | 58.422, -1.592, -57.486 |
Binary | 01000101, 10100010, 11111100 |
Color Schemes with #45a2fc
Alternatives to #45a2fc
Below, you can see some colors close to #45a2fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a2fc Preview
This text has a font color of #45a2fc.
<span style="color:#45a2fc;">Text here</span>
This paragraph has a background color of #45a2fc.
<p style="background-color:#45a2fc;">Content here</p>
This element has a border color of #45a2fc.
<div style="border:1px solid #45a2fc;">Content here</div>
.text {color:#45a2fc;}
.background {background-color:#45a2fc;}
.border {border:1px solid #45a2fc;}
Shades and Tints of #45a2fc
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, #000407 is the darkest color, while #f3f9ff is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#000e1a
#000e1a
rgb(0,14,26)
-
#01182e
#01182e
rgb(1,24,46)
-
#012241
#012241
rgb(1,34,65)
-
#012b54
#012b54
rgb(1,43,84)
-
#023568
#023568
rgb(2,53,104)
-
#023f7b
#023f7b
rgb(2,63,123)
-
#02498e
#02498e
rgb(2,73,142)
-
#0353a1
#0353a1
rgb(3,83,161)
-
#035db5
#035db5
rgb(3,93,181)
-
#0367c8
#0367c8
rgb(3,103,200)
-
#0471db
#0471db
rgb(4,113,219)
-
#047bef
#047bef
rgb(4,123,239)
-
#0b85fb
#0b85fb
rgb(11,133,251)
-
#1e8ffb
#1e8ffb
rgb(30,143,251)
-
#3298fc
#3298fc
rgb(50,152,252)
-
#45a2fc
#45a2fc
rgb(69,162,252)
-
#58acfc
#58acfc
rgb(88,172,252)
-
#6cb5fd
#6cb5fd
rgb(108,181,253)
-
#7fbffd
#7fbffd
rgb(127,191,253)
-
#92c9fd
#92c9fd
rgb(146,201,253)
-
#a6d2fe
#a6d2fe
rgb(166,210,254)
-
#b9dcfe
#b9dcfe
rgb(185,220,254)
-
#cce6fe
#cce6fe
rgb(204,230,254)
-
#dfeffe
#dfeffe
rgb(223,239,254)
-
#f3f9ff
#f3f9ff
rgb(243,249,255)
Tones of #45a2fc
A tone is produced by adding gray to any pure hue. In this case, #9ca1a5 is the less saturated color, while #45a2fc is the most saturated one.
-
#9ca1a5
#9ca1a5
rgb(156,161,165)
-
#95a1ac
#95a1ac
rgb(149,161,172)
-
#8ea1b3
#8ea1b3
rgb(142,161,179)
-
#86a1bb
#86a1bb
rgb(134,161,187)
-
#7fa1c2
#7fa1c2
rgb(127,161,194)
-
#78a1c9
#78a1c9
rgb(120,161,201)
-
#71a1d0
#71a1d0
rgb(113,161,208)
-
#69a1d8
#69a1d8
rgb(105,161,216)
-
#62a2df
#62a2df
rgb(98,162,223)
-
#5ba2e6
#5ba2e6
rgb(91,162,230)
-
#54a2ed
#54a2ed
rgb(84,162,237)
-
#4ca2f5
#4ca2f5
rgb(76,162,245)
-
#45a2fc
#45a2fc
rgb(69,162,252)
Color Blindness Simulator
Below, you can see how #45a2fc 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.