#2a84ff Color Information
In a RGB color space, hex #2a84ff is composed of 16.5% red, 51.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 48.2% magenta, 0% yellow and 0% black. It has a hue angle of 214.6 degrees, a saturation of 100% and a lightness of 58.2%. #2a84ff color hex could be obtained by blending #54ffff with #0009ff. Closest websafe color is: #3399ff.
-
- R 16
- G 52
- B 100
-
- C 84
- M 48
- Y 0
- K 0
● #2a84ff color description : Vivid blue.
#2a84ff Color Conversion
The hexadecimal color #2a84ff has RGB values of R:42, G:132, B:255 and CMYK values of C:0.84, M:0.48, Y:0, K:0. Its decimal value is 2786559.
Hex triplet | 2a84ff | #2a84ff |
---|---|---|
RGB Decimal | 42, 132, 255 | rgb(42,132,255) |
RGB Percent | 16.5, 51.8, 100 | rgb(16.5%,51.8%,100%) |
CMYK | 84, 48, 0, 0 | |
HSL | 214.6°, 100, 58.2 | hsl(214.6,100%,58.2%) |
HSV (or HSB) | 214.6°, 83.5, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.3, 18.066, -68.341 |
---|---|
XYZ | 27.252, 24.212, 97.839 |
xyY | 0.183, 0.162, 24.212 |
CIE-LCH | 56.3, 70.688, 284.808 |
CIE-LUV | 56.3, -28.15, -109.588 |
Hunter-Lab | 49.206, 12.749, -83.445 |
Binary | 00101010, 10000100, 11111111 |
Color Schemes with #2a84ff
Alternatives to #2a84ff
Below, you can see some colors close to #2a84ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2a84ff Preview
This text has a font color of #2a84ff.
<span style="color:#2a84ff;">Text here</span>
This paragraph has a background color of #2a84ff.
<p style="background-color:#2a84ff;">Content here</p>
This element has a border color of #2a84ff.
<div style="border:1px solid #2a84ff;">Content here</div>
.text {color:#2a84ff;}
.background {background-color:#2a84ff;}
.border {border:1px solid #2a84ff;}
Shades and Tints of #2a84ff
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, #000103 is the darkest color, while #eef5ff is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#000916
#000916
rgb(0,9,22)
-
#00122a
#00122a
rgb(0,18,42)
-
#001a3e
#001a3e
rgb(0,26,62)
-
#002251
#002251
rgb(0,34,81)
-
#002b65
#002b65
rgb(0,43,101)
-
#003378
#003378
rgb(0,51,120)
-
#003b8c
#003b8c
rgb(0,59,140)
-
#0043a0
#0043a0
rgb(0,67,160)
-
#004cb3
#004cb3
rgb(0,76,179)
-
#0054c7
#0054c7
rgb(0,84,199)
-
#005cdb
#005cdb
rgb(0,92,219)
-
#0065ee
#0065ee
rgb(0,101,238)
-
#036dff
#036dff
rgb(3,109,255)
-
#1679ff
#1679ff
rgb(22,121,255)
-
#2a84ff
#2a84ff
rgb(42,132,255)
-
#3e8fff
#3e8fff
rgb(62,143,255)
-
#519bff
#519bff
rgb(81,155,255)
-
#65a6ff
#65a6ff
rgb(101,166,255)
-
#78b1ff
#78b1ff
rgb(120,177,255)
-
#8cbdff
#8cbdff
rgb(140,189,255)
-
#a0c8ff
#a0c8ff
rgb(160,200,255)
-
#b3d3ff
#b3d3ff
rgb(179,211,255)
-
#c7dfff
#c7dfff
rgb(199,223,255)
-
#dbeaff
#dbeaff
rgb(219,234,255)
-
#eef5ff
#eef5ff
rgb(238,245,255)
Tones of #2a84ff
A tone is produced by adding gray to any pure hue. In this case, #8c939d is the less saturated color, while #2a84ff is the most saturated one.
-
#8c939d
#8c939d
rgb(140,147,157)
-
#8492a5
#8492a5
rgb(132,146,165)
-
#7c91ad
#7c91ad
rgb(124,145,173)
-
#748fb5
#748fb5
rgb(116,143,181)
-
#6c8ebd
#6c8ebd
rgb(108,142,189)
-
#638dc6
#638dc6
rgb(99,141,198)
-
#5b8cce
#5b8cce
rgb(91,140,206)
-
#538ad6
#538ad6
rgb(83,138,214)
-
#4b89de
#4b89de
rgb(75,137,222)
-
#4388e6
#4388e6
rgb(67,136,230)
-
#3a87ef
#3a87ef
rgb(58,135,239)
-
#3285f7
#3285f7
rgb(50,133,247)
-
#2a84ff
#2a84ff
rgb(42,132,255)
Color Blindness Simulator
Below, you can see how #2a84ff 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.