#45b8f9 Color Information
In a RGB color space, hex #45b8f9 is composed of 27.1% red, 72.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 26.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 201.7 degrees, a saturation of 93.8% and a lightness of 62.4%. #45b8f9 color hex could be obtained by blending #8affff with #0071f3. Closest websafe color is: #33ccff.
-
- R 27
- G 72
- B 98
-
- C 72
- M 26
- Y 0
- K 2
● #45b8f9 color description : Bright blue.
#45b8f9 Color Conversion
The hexadecimal color #45b8f9 has RGB values of R:69, G:184, B:249 and CMYK values of C:0.72, M:0.26, Y:0, K:0.02. Its decimal value is 4569337.
Hex triplet | 45b8f9 | #45b8f9 |
---|---|---|
RGB Decimal | 69, 184, 249 | rgb(69,184,249) |
RGB Percent | 27.1, 72.2, 97.6 | rgb(27.1%,72.2%,97.6%) |
CMYK | 72, 26, 0, 2 | |
HSL | 201.7°, 93.8, 62.4 | hsl(201.7,93.8%,62.4%) |
HSV (or HSB) | 201.7°, 72.3, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.134, -11.52, -41.457 |
---|---|
XYZ | 36.689, 42.383, 95.864 |
xyY | 0.21, 0.242, 42.383 |
CIE-LCH | 71.134, 43.028, 254.471 |
CIE-LUV | 71.134, -41.587, -65.664 |
Hunter-Lab | 65.102, -13.332, -41.735 |
Binary | 01000101, 10111000, 11111001 |
Color Schemes with #45b8f9
Alternatives to #45b8f9
Below, you can see some colors close to #45b8f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b8f9 Preview
This text has a font color of #45b8f9.
<span style="color:#45b8f9;">Text here</span>
This paragraph has a background color of #45b8f9.
<p style="background-color:#45b8f9;">Content here</p>
This element has a border color of #45b8f9.
<div style="border:1px solid #45b8f9;">Content here</div>
.text {color:#45b8f9;}
.background {background-color:#45b8f9;}
.border {border:1px solid #45b8f9;}
Shades and Tints of #45b8f9
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, #000304 is the darkest color, while #f0f9ff is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#010f17
#010f17
rgb(1,15,23)
-
#011b2a
#011b2a
rgb(1,27,42)
-
#02283d
#02283d
rgb(2,40,61)
-
#033450
#033450
rgb(3,52,80)
-
#034063
#034063
rgb(3,64,99)
-
#044d76
#044d76
rgb(4,77,118)
-
#045989
#045989
rgb(4,89,137)
-
#05669c
#05669c
rgb(5,102,156)
-
#0672af
#0672af
rgb(6,114,175)
-
#067ec2
#067ec2
rgb(6,126,194)
-
#078bd5
#078bd5
rgb(7,139,213)
-
#0797e8
#0797e8
rgb(7,151,232)
-
#0ca2f7
#0ca2f7
rgb(12,162,247)
-
#1fa9f8
#1fa9f8
rgb(31,169,248)
-
#32b1f8
#32b1f8
rgb(50,177,248)
-
#45b8f9
#45b8f9
rgb(69,184,249)
-
#58bffa
#58bffa
rgb(88,191,250)
-
#6bc7fa
#6bc7fa
rgb(107,199,250)
-
#7ecefb
#7ecefb
rgb(126,206,251)
-
#91d5fb
#91d5fb
rgb(145,213,251)
-
#a4dcfc
#a4dcfc
rgb(164,220,252)
-
#b7e4fd
#b7e4fd
rgb(183,228,253)
-
#caebfd
#caebfd
rgb(202,235,253)
-
#ddf2fe
#ddf2fe
rgb(221,242,254)
-
#f0f9ff
#f0f9ff
rgb(240,249,255)
Tones of #45b8f9
A tone is produced by adding gray to any pure hue. In this case, #9e9fa0 is the less saturated color, while #45b8f9 is the most saturated one.
-
#9e9fa0
#9e9fa0
rgb(158,159,160)
-
#96a1a8
#96a1a8
rgb(150,161,168)
-
#8fa3af
#8fa3af
rgb(143,163,175)
-
#87a6b7
#87a6b7
rgb(135,166,183)
-
#80a8be
#80a8be
rgb(128,168,190)
-
#79aac5
#79aac5
rgb(121,170,197)
-
#71accd
#71accd
rgb(113,172,205)
-
#6aaed4
#6aaed4
rgb(106,174,212)
-
#63b0db
#63b0db
rgb(99,176,219)
-
#5bb2e3
#5bb2e3
rgb(91,178,227)
-
#54b4ea
#54b4ea
rgb(84,180,234)
-
#4cb6f2
#4cb6f2
rgb(76,182,242)
-
#45b8f9
#45b8f9
rgb(69,184,249)
Color Blindness Simulator
Below, you can see how #45b8f9 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.