#45a6fc Color Information
In a RGB color space, hex #45a6fc is composed of 27.1% red, 65.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 34.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.2 degrees, a saturation of 96.8% and a lightness of 62.9%. #45a6fc color hex could be obtained by blending #8affff with #004df9. Closest websafe color is: #3399ff.
-
- R 27
- G 65
- B 99
-
- C 73
- M 34
- Y 0
- K 1
● #45a6fc color description : Bright blue.
#45a6fc Color Conversion
The hexadecimal color #45a6fc has RGB values of R:69, G:166, B:252 and CMYK values of C:0.73, M:0.34, Y:0, K:0.01. Its decimal value is 4564732.
Hex triplet | 45a6fc | #45a6fc |
---|---|---|
RGB Decimal | 69, 166, 252 | rgb(69,166,252) |
RGB Percent | 27.1, 65.1, 98.8 | rgb(27.1%,65.1%,98.8%) |
CMYK | 73, 34, 0, 1 | |
HSL | 208.2°, 96.8, 62.9 | hsl(208.2,96.8%,62.9%) |
HSV (or HSB) | 208.2°, 72.6, 98.8 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 66.185, -0.507, -50.864 |
---|---|
XYZ | 33.657, 35.563, 97.181 |
xyY | 0.202, 0.214, 35.563 |
CIE-LCH | 66.185, 50.866, 269.429 |
CIE-LUV | 66.185, -35.319, -82.234 |
Hunter-Lab | 59.635, -3.619, -54.874 |
Binary | 01000101, 10100110, 11111100 |
Color Schemes with #45a6fc
Alternatives to #45a6fc
Below, you can see some colors close to #45a6fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45a6fc Preview
This text has a font color of #45a6fc.
<span style="color:#45a6fc;">Text here</span>
This paragraph has a background color of #45a6fc.
<p style="background-color:#45a6fc;">Content here</p>
This element has a border color of #45a6fc.
<div style="border:1px solid #45a6fc;">Content here</div>
.text {color:#45a6fc;}
.background {background-color:#45a6fc;}
.border {border:1px solid #45a6fc;}
Shades and Tints of #45a6fc
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)
-
#01192e
#01192e
rgb(1,25,46)
-
#012341
#012341
rgb(1,35,65)
-
#012d54
#012d54
rgb(1,45,84)
-
#023868
#023868
rgb(2,56,104)
-
#02427b
#02427b
rgb(2,66,123)
-
#024c8e
#024c8e
rgb(2,76,142)
-
#0357a1
#0357a1
rgb(3,87,161)
-
#0361b5
#0361b5
rgb(3,97,181)
-
#036cc8
#036cc8
rgb(3,108,200)
-
#0476db
#0476db
rgb(4,118,219)
-
#0480ef
#0480ef
rgb(4,128,239)
-
#0b8afb
#0b8afb
rgb(11,138,251)
-
#1e94fb
#1e94fb
rgb(30,148,251)
-
#329dfc
#329dfc
rgb(50,157,252)
-
#45a6fc
#45a6fc
rgb(69,166,252)
-
#58affc
#58affc
rgb(88,175,252)
-
#6cb8fd
#6cb8fd
rgb(108,184,253)
-
#7fc2fd
#7fc2fd
rgb(127,194,253)
-
#92cbfd
#92cbfd
rgb(146,203,253)
-
#a6d4fe
#a6d4fe
rgb(166,212,254)
-
#b9ddfe
#b9ddfe
rgb(185,221,254)
-
#cce7fe
#cce7fe
rgb(204,231,254)
-
#dff0fe
#dff0fe
rgb(223,240,254)
-
#f3f9ff
#f3f9ff
rgb(243,249,255)
Tones of #45a6fc
A tone is produced by adding gray to any pure hue. In this case, #9ca1a5 is the less saturated color, while #45a6fc is the most saturated one.
-
#9ca1a5
#9ca1a5
rgb(156,161,165)
-
#95a1ac
#95a1ac
rgb(149,161,172)
-
#8ea2b3
#8ea2b3
rgb(142,162,179)
-
#86a2bb
#86a2bb
rgb(134,162,187)
-
#7fa3c2
#7fa3c2
rgb(127,163,194)
-
#78a3c9
#78a3c9
rgb(120,163,201)
-
#71a3d0
#71a3d0
rgb(113,163,208)
-
#69a4d8
#69a4d8
rgb(105,164,216)
-
#62a4df
#62a4df
rgb(98,164,223)
-
#5ba5e6
#5ba5e6
rgb(91,165,230)
-
#54a5ed
#54a5ed
rgb(84,165,237)
-
#4ca6f5
#4ca6f5
rgb(76,166,245)
-
#45a6fc
#45a6fc
rgb(69,166,252)
Color Blindness Simulator
Below, you can see how #45a6fc 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.