#2c84ff Color Information
In a RGB color space, hex #2c84ff is composed of 17.3% red, 51.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 48.2% magenta, 0% yellow and 0% black. It has a hue angle of 215 degrees, a saturation of 100% and a lightness of 58.6%. #2c84ff color hex could be obtained by blending #58ffff with #0009ff. Closest websafe color is: #3399ff.
-
- R 17
- G 52
- B 100
-
- C 83
- M 48
- Y 0
- K 0
● #2c84ff color description : Vivid blue.
#2c84ff Color Conversion
The hexadecimal color #2c84ff has RGB values of R:44, G:132, B:255 and CMYK values of C:0.83, M:0.48, Y:0, K:0. Its decimal value is 2917631.
Hex triplet | 2c84ff | #2c84ff |
---|---|---|
RGB Decimal | 44, 132, 255 | rgb(44,132,255) |
RGB Percent | 17.3, 51.8, 100 | rgb(17.3%,51.8%,100%) |
CMYK | 83, 48, 0, 0 | |
HSL | 215°, 100, 58.6 | hsl(215,100%,58.6%) |
HSV (or HSB) | 215°, 82.7, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.343, 18.219, -68.269 |
---|---|
XYZ | 27.336, 24.256, 97.843 |
xyY | 0.183, 0.162, 24.256 |
CIE-LCH | 56.343, 70.658, 284.942 |
CIE-LUV | 56.343, -27.939, -109.509 |
Hunter-Lab | 49.25, 12.888, -83.314 |
Binary | 00101100, 10000100, 11111111 |
Color Schemes with #2c84ff
Alternatives to #2c84ff
Below, you can see some colors close to #2c84ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2c84ff Preview
This text has a font color of #2c84ff.
<span style="color:#2c84ff;">Text here</span>
This paragraph has a background color of #2c84ff.
<p style="background-color:#2c84ff;">Content here</p>
This element has a border color of #2c84ff.
<div style="border:1px solid #2c84ff;">Content here</div>
.text {color:#2c84ff;}
.background {background-color:#2c84ff;}
.border {border:1px solid #2c84ff;}
Shades and Tints of #2c84ff
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, #000205 is the darkest color, while #f0f6ff is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#000a18
#000a18
rgb(0,10,24)
-
#00122c
#00122c
rgb(0,18,44)
-
#001b40
#001b40
rgb(0,27,64)
-
#002353
#002353
rgb(0,35,83)
-
#002b67
#002b67
rgb(0,43,103)
-
#00337a
#00337a
rgb(0,51,122)
-
#003b8e
#003b8e
rgb(0,59,142)
-
#0043a2
#0043a2
rgb(0,67,162)
-
#004cb5
#004cb5
rgb(0,76,181)
-
#0054c9
#0054c9
rgb(0,84,201)
-
#005cdd
#005cdd
rgb(0,92,221)
-
#0064f0
#0064f0
rgb(0,100,240)
-
#056dff
#056dff
rgb(5,109,255)
-
#1879ff
#1879ff
rgb(24,121,255)
-
#2c84ff
#2c84ff
rgb(44,132,255)
-
#408fff
#408fff
rgb(64,143,255)
-
#539bff
#539bff
rgb(83,155,255)
-
#67a6ff
#67a6ff
rgb(103,166,255)
-
#7ab2ff
#7ab2ff
rgb(122,178,255)
-
#8ebdff
#8ebdff
rgb(142,189,255)
-
#a2c9ff
#a2c9ff
rgb(162,201,255)
-
#b5d4ff
#b5d4ff
rgb(181,212,255)
-
#c9dfff
#c9dfff
rgb(201,223,255)
-
#ddebff
#ddebff
rgb(221,235,255)
-
#f0f6ff
#f0f6ff
rgb(240,246,255)
Tones of #2c84ff
A tone is produced by adding gray to any pure hue. In this case, #8d949e is the less saturated color, while #2c84ff is the most saturated one.
-
#8d949e
#8d949e
rgb(141,148,158)
-
#8593a6
#8593a6
rgb(133,147,166)
-
#7d91ae
#7d91ae
rgb(125,145,174)
-
#7590b6
#7590b6
rgb(117,144,182)
-
#6d8fbe
#6d8fbe
rgb(109,143,190)
-
#658dc6
#658dc6
rgb(101,141,198)
-
#5d8cce
#5d8cce
rgb(93,140,206)
-
#558bd6
#558bd6
rgb(85,139,214)
-
#4c89df
#4c89df
rgb(76,137,223)
-
#4488e7
#4488e7
rgb(68,136,231)
-
#3c87ef
#3c87ef
rgb(60,135,239)
-
#3485f7
#3485f7
rgb(52,133,247)
-
#2c84ff
#2c84ff
rgb(44,132,255)
Color Blindness Simulator
Below, you can see how #2c84ff 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.