#2aa5f9 Color Information
In a RGB color space, hex #2aa5f9 is composed of 16.5% red, 64.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 83.1% cyan, 33.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 204.3 degrees, a saturation of 94.5% and a lightness of 57.1%. #2aa5f9 color hex could be obtained by blending #54ffff with #004bf3. Closest websafe color is: #3399ff.
-
- R 16
- G 65
- B 98
-
- C 83
- M 34
- Y 0
- K 2
● #2aa5f9 color description : Bright blue.
#2aa5f9 Color Conversion
The hexadecimal color #2aa5f9 has RGB values of R:42, G:165, B:249 and CMYK values of C:0.83, M:0.34, Y:0, K:0.02. Its decimal value is 2795001.
Hex triplet | 2aa5f9 | #2aa5f9 |
---|---|---|
RGB Decimal | 42, 165, 249 | rgb(42,165,249) |
RGB Percent | 16.5, 64.7, 97.6 | rgb(16.5%,64.7%,97.6%) |
CMYK | 83, 34, 0, 2 | |
HSL | 204.3°, 94.5, 57.1 | hsl(204.3,94.5%,57.1%) |
HSV (or HSB) | 204.3°, 83.1, 97.6 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.152, -3.762, -50.902 |
---|---|
XYZ | 31.505, 34.239, 94.566 |
xyY | 0.197, 0.214, 34.239 |
CIE-LCH | 65.152, 51.04, 265.773 |
CIE-LUV | 65.152, -38.782, -81.755 |
Hunter-Lab | 58.514, -6.294, -54.859 |
Binary | 00101010, 10100101, 11111001 |
Color Schemes with #2aa5f9
Alternatives to #2aa5f9
Below, you can see some colors close to #2aa5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2aa5f9 Preview
This text has a font color of #2aa5f9.
<span style="color:#2aa5f9;">Text here</span>
This paragraph has a background color of #2aa5f9.
<p style="background-color:#2aa5f9;">Content here</p>
This element has a border color of #2aa5f9.
<div style="border:1px solid #2aa5f9;">Content here</div>
.text {color:#2aa5f9;}
.background {background-color:#2aa5f9;}
.border {border:1px solid #2aa5f9;}
Shades and Tints of #2aa5f9
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, #000a10 is the darkest color, while #fcfeff is the lightest one.
-
#000a10
#000a10
rgb(0,10,16)
-
#011523
#011523
rgb(1,21,35)
-
#022136
#022136
rgb(2,33,54)
-
#022c49
#022c49
rgb(2,44,73)
-
#03385c
#03385c
rgb(3,56,92)
-
#03436f
#03436f
rgb(3,67,111)
-
#044f82
#044f82
rgb(4,79,130)
-
#045b95
#045b95
rgb(4,91,149)
-
#0566a9
#0566a9
rgb(5,102,169)
-
#0572bc
#0572bc
rgb(5,114,188)
-
#067dcf
#067dcf
rgb(6,125,207)
-
#0689e2
#0689e2
rgb(6,137,226)
-
#0794f5
#0794f5
rgb(7,148,245)
-
#179df8
#179df8
rgb(23,157,248)
-
#2aa5f9
#2aa5f9
rgb(42,165,249)
-
#3dadfa
#3dadfa
rgb(61,173,250)
-
#50b5fa
#50b5fa
rgb(80,181,250)
-
#63bdfb
#63bdfb
rgb(99,189,251)
-
#76c5fb
#76c5fb
rgb(118,197,251)
-
#89cdfc
#89cdfc
rgb(137,205,252)
-
#9cd5fc
#9cd5fc
rgb(156,213,252)
-
#b0ddfd
#b0ddfd
rgb(176,221,253)
-
#c3e5fd
#c3e5fd
rgb(195,229,253)
-
#d6eefe
#d6eefe
rgb(214,238,254)
-
#e9f6fe
#e9f6fe
rgb(233,246,254)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #2aa5f9
A tone is produced by adding gray to any pure hue. In this case, #8f9294 is the less saturated color, while #2aa5f9 is the most saturated one.
-
#8f9294
#8f9294
rgb(143,146,148)
-
#87949c
#87949c
rgb(135,148,156)
-
#7e95a5
#7e95a5
rgb(126,149,165)
-
#7697ad
#7697ad
rgb(118,151,173)
-
#6d98b6
#6d98b6
rgb(109,152,182)
-
#659abe
#659abe
rgb(101,154,190)
-
#5d9bc6
#5d9bc6
rgb(93,155,198)
-
#549dcf
#549dcf
rgb(84,157,207)
-
#4c9fd7
#4c9fd7
rgb(76,159,215)
-
#43a0e0
#43a0e0
rgb(67,160,224)
-
#3ba2e8
#3ba2e8
rgb(59,162,232)
-
#32a3f1
#32a3f1
rgb(50,163,241)
-
#2aa5f9
#2aa5f9
rgb(42,165,249)
Color Blindness Simulator
Below, you can see how #2aa5f9 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.