#45b3fa Color Information
In a RGB color space, hex #45b3fa is composed of 27.1% red, 70.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 28.4% magenta, 0% yellow and 2% black. It has a hue angle of 203.5 degrees, a saturation of 94.8% and a lightness of 62.5%. #45b3fa color hex could be obtained by blending #8affff with #0067f5. Closest websafe color is: #33ccff.
-
- R 27
- G 70
- B 98
-
- C 72
- M 28
- Y 0
- K 2
● #45b3fa color description : Bright blue.
#45b3fa Color Conversion
The hexadecimal color #45b3fa has RGB values of R:69, G:179, B:250 and CMYK values of C:0.72, M:0.28, Y:0, K:0.02. Its decimal value is 4568058.
Hex triplet | 45b3fa | #45b3fa |
---|---|---|
RGB Decimal | 69, 179, 250 | rgb(69,179,250) |
RGB Percent | 27.1, 70.2, 98 | rgb(27.1%,70.2%,98%) |
CMYK | 72, 28, 0, 2 | |
HSL | 203.5°, 94.8, 62.5 | hsl(203.5,94.8%,62.5%) |
HSV (or HSB) | 203.5°, 72.4, 98 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.757, -8.463, -44.154 |
---|---|
XYZ | 35.825, 40.405, 96.348 |
xyY | 0.208, 0.234, 40.405 |
CIE-LCH | 69.757, 44.958, 259.149 |
CIE-LUV | 69.757, -39.817, -70.478 |
Hunter-Lab | 63.565, -10.634, -45.374 |
Binary | 01000101, 10110011, 11111010 |
Color Schemes with #45b3fa
Alternatives to #45b3fa
Below, you can see some colors close to #45b3fa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45b3fa Preview
This text has a font color of #45b3fa.
<span style="color:#45b3fa;">Text here</span>
This paragraph has a background color of #45b3fa.
<p style="background-color:#45b3fa;">Content here</p>
This element has a border color of #45b3fa.
<div style="border:1px solid #45b3fa;">Content here</div>
.text {color:#45b3fa;}
.background {background-color:#45b3fa;}
.border {border:1px solid #45b3fa;}
Shades and Tints of #45b3fa
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, #000305 is the darkest color, while #f1f9ff is the lightest one.
-
#000305
#000305
rgb(0,3,5)
-
#010f18
#010f18
rgb(1,15,24)
-
#011b2b
#011b2b
rgb(1,27,43)
-
#02273e
#02273e
rgb(2,39,62)
-
#023251
#023251
rgb(2,50,81)
-
#033e65
#033e65
rgb(3,62,101)
-
#034a78
#034a78
rgb(3,74,120)
-
#04568b
#04568b
rgb(4,86,139)
-
#04629e
#04629e
rgb(4,98,158)
-
#056db1
#056db1
rgb(5,109,177)
-
#0579c4
#0579c4
rgb(5,121,196)
-
#0685d7
#0685d7
rgb(6,133,215)
-
#0691ea
#0691ea
rgb(6,145,234)
-
#0c9cf8
#0c9cf8
rgb(12,156,248)
-
#1fa3f9
#1fa3f9
rgb(31,163,249)
-
#32abf9
#32abf9
rgb(50,171,249)
-
#45b3fa
#45b3fa
rgb(69,179,250)
-
#58bbfb
#58bbfb
rgb(88,187,251)
-
#6bc3fb
#6bc3fb
rgb(107,195,251)
-
#7ecafc
#7ecafc
rgb(126,202,252)
-
#91d2fc
#91d2fc
rgb(145,210,252)
-
#a5dafd
#a5dafd
rgb(165,218,253)
-
#b8e2fd
#b8e2fd
rgb(184,226,253)
-
#cbeafe
#cbeafe
rgb(203,234,254)
-
#def1fe
#def1fe
rgb(222,241,254)
-
#f1f9ff
#f1f9ff
rgb(241,249,255)
Tones of #45b3fa
A tone is produced by adding gray to any pure hue. In this case, #9da0a2 is the less saturated color, while #45b3fa is the most saturated one.
-
#9da0a2
#9da0a2
rgb(157,160,162)
-
#96a2a9
#96a2a9
rgb(150,162,169)
-
#8ea3b1
#8ea3b1
rgb(142,163,177)
-
#87a5b8
#87a5b8
rgb(135,165,184)
-
#80a6bf
#80a6bf
rgb(128,166,191)
-
#78a8c7
#78a8c7
rgb(120,168,199)
-
#71aace
#71aace
rgb(113,170,206)
-
#6aabd5
#6aabd5
rgb(106,171,213)
-
#62addd
#62addd
rgb(98,173,221)
-
#5baee4
#5baee4
rgb(91,174,228)
-
#54b0eb
#54b0eb
rgb(84,176,235)
-
#4cb1f3
#4cb1f3
rgb(76,177,243)
-
#45b3fa
#45b3fa
rgb(69,179,250)
Color Blindness Simulator
Below, you can see how #45b3fa 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.