#2f8aff Color Information
In a RGB color space, hex #2f8aff is composed of 18.4% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 213.8 degrees, a saturation of 100% and a lightness of 59.2%. #2f8aff color hex could be obtained by blending #5effff with #0015ff. Closest websafe color is: #3399ff.
-
- R 18
- G 54
- B 100
-
- C 82
- M 46
- Y 0
- K 0
● #2f8aff color description : Vivid blue.
#2f8aff Color Conversion
The hexadecimal color #2f8aff has RGB values of R:47, G:138, B:255 and CMYK values of C:0.82, M:0.46, Y:0, K:0. Its decimal value is 3115775.
Hex triplet | 2f8aff | #2f8aff |
---|---|---|
RGB Decimal | 47, 138, 255 | rgb(47,138,255) |
RGB Percent | 18.4, 54.1, 100 | rgb(18.4%,54.1%,100%) |
CMYK | 82, 46, 0, 0 | |
HSL | 213.8°, 100, 59.2 | hsl(213.8,100%,59.2%) |
HSV (or HSB) | 213.8°, 81.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 58.036, 14.782, -65.537 |
---|---|
XYZ | 28.307, 25.999, 98.129 |
xyY | 0.186, 0.171, 25.999 |
CIE-LCH | 58.036, 67.184, 282.71 |
CIE-LUV | 58.036, -29.397, -105.633 |
Hunter-Lab | 50.989, 9.863, -78.411 |
Binary | 00101111, 10001010, 11111111 |
Color Schemes with #2f8aff
Alternatives to #2f8aff
Below, you can see some colors close to #2f8aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f8aff Preview
This text has a font color of #2f8aff.
<span style="color:#2f8aff;">Text here</span>
This paragraph has a background color of #2f8aff.
<p style="background-color:#2f8aff;">Content here</p>
This element has a border color of #2f8aff.
<div style="border:1px solid #2f8aff;">Content here</div>
.text {color:#2f8aff;}
.background {background-color:#2f8aff;}
.border {border:1px solid #2f8aff;}
Shades and Tints of #2f8aff
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, #000308 is the darkest color, while #f3f8ff is the lightest one.
-
#000308
#000308
rgb(0,3,8)
-
#000c1b
#000c1b
rgb(0,12,27)
-
#00152f
#00152f
rgb(0,21,47)
-
#001d43
#001d43
rgb(0,29,67)
-
#002656
#002656
rgb(0,38,86)
-
#002e6a
#002e6a
rgb(0,46,106)
-
#00377d
#00377d
rgb(0,55,125)
-
#003f91
#003f91
rgb(0,63,145)
-
#0048a5
#0048a5
rgb(0,72,165)
-
#0051b8
#0051b8
rgb(0,81,184)
-
#0059cc
#0059cc
rgb(0,89,204)
-
#0062e0
#0062e0
rgb(0,98,224)
-
#006af3
#006af3
rgb(0,106,243)
-
#0874ff
#0874ff
rgb(8,116,255)
-
#1b7fff
#1b7fff
rgb(27,127,255)
-
#2f8aff
#2f8aff
rgb(47,138,255)
-
#4395ff
#4395ff
rgb(67,149,255)
-
#56a0ff
#56a0ff
rgb(86,160,255)
-
#6aabff
#6aabff
rgb(106,171,255)
-
#7db6ff
#7db6ff
rgb(125,182,255)
-
#91c1ff
#91c1ff
rgb(145,193,255)
-
#a5ccff
#a5ccff
rgb(165,204,255)
-
#b8d7ff
#b8d7ff
rgb(184,215,255)
-
#cce2ff
#cce2ff
rgb(204,226,255)
-
#e0edff
#e0edff
rgb(224,237,255)
-
#f3f8ff
#f3f8ff
rgb(243,248,255)
Tones of #2f8aff
A tone is produced by adding gray to any pure hue. In this case, #8f969f is the less saturated color, while #2f8aff is the most saturated one.
-
#8f969f
#8f969f
rgb(143,150,159)
-
#8795a7
#8795a7
rgb(135,149,167)
-
#7f94af
#7f94af
rgb(127,148,175)
-
#7793b7
#7793b7
rgb(119,147,183)
-
#6f92bf
#6f92bf
rgb(111,146,191)
-
#6791c7
#6791c7
rgb(103,145,199)
-
#5f90cf
#5f90cf
rgb(95,144,207)
-
#578fd7
#578fd7
rgb(87,143,215)
-
#4f8edf
#4f8edf
rgb(79,142,223)
-
#478de7
#478de7
rgb(71,141,231)
-
#3f8cef
#3f8cef
rgb(63,140,239)
-
#378bf7
#378bf7
rgb(55,139,247)
-
#2f8aff
#2f8aff
rgb(47,138,255)
Color Blindness Simulator
Below, you can see how #2f8aff 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.