#2fa6ff Color Information
In a RGB color space, hex #2fa6ff is composed of 18.4% red, 65.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 34.9% magenta, 0% yellow and 0% black. It has a hue angle of 205.7 degrees, a saturation of 100% and a lightness of 59.2%. #2fa6ff color hex could be obtained by blending #5effff with #004dff. Closest websafe color is: #3399ff.
-
- R 18
- G 65
- B 100
-
- C 82
- M 35
- Y 0
- K 0
● #2fa6ff color description : Vivid blue.
#2fa6ff Color Conversion
The hexadecimal color #2fa6ff has RGB values of R:47, G:166, B:255 and CMYK values of C:0.82, M:0.35, Y:0, K:0. Its decimal value is 3122943.
Hex triplet | 2fa6ff | #2fa6ff |
---|---|---|
RGB Decimal | 47, 166, 255 | rgb(47,166,255) |
RGB Percent | 18.4, 65.1, 100 | rgb(18.4%,65.1%,100%) |
CMYK | 82, 35, 0, 0 | |
HSL | 205.7°, 100, 59.2 | hsl(205.7,100%,59.2%) |
HSV (or HSB) | 205.7°, 81.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.822, -1.776, -53.104 |
---|---|
XYZ | 32.854, 35.094, 99.644 |
xyY | 0.196, 0.209, 35.094 |
CIE-LCH | 65.822, 53.133, 268.084 |
CIE-LUV | 65.822, -38.256, -85.827 |
Hunter-Lab | 59.24, -4.675, -58.26 |
Binary | 00101111, 10100110, 11111111 |
Color Schemes with #2fa6ff
Alternatives to #2fa6ff
Below, you can see some colors close to #2fa6ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2fa6ff Preview
This text has a font color of #2fa6ff.
<span style="color:#2fa6ff;">Text here</span>
This paragraph has a background color of #2fa6ff.
<p style="background-color:#2fa6ff;">Content here</p>
This element has a border color of #2fa6ff.
<div style="border:1px solid #2fa6ff;">Content here</div>
.text {color:#2fa6ff;}
.background {background-color:#2fa6ff;}
.border {border:1px solid #2fa6ff;}
Shades and Tints of #2fa6ff
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, #000408 is the darkest color, while #f3faff is the lightest one.
-
#000408
#000408
rgb(0,4,8)
-
#00101b
#00101b
rgb(0,16,27)
-
#001b2f
#001b2f
rgb(0,27,47)
-
#002643
#002643
rgb(0,38,67)
-
#003156
#003156
rgb(0,49,86)
-
#003d6a
#003d6a
rgb(0,61,106)
-
#00487d
#00487d
rgb(0,72,125)
-
#005391
#005391
rgb(0,83,145)
-
#005ea5
#005ea5
rgb(0,94,165)
-
#0069b8
#0069b8
rgb(0,105,184)
-
#0075cc
#0075cc
rgb(0,117,204)
-
#0080e0
#0080e0
rgb(0,128,224)
-
#008bf3
#008bf3
rgb(0,139,243)
-
#0895ff
#0895ff
rgb(8,149,255)
-
#1b9eff
#1b9eff
rgb(27,158,255)
-
#2fa6ff
#2fa6ff
rgb(47,166,255)
-
#43aeff
#43aeff
rgb(67,174,255)
-
#56b7ff
#56b7ff
rgb(86,183,255)
-
#6abfff
#6abfff
rgb(106,191,255)
-
#7dc8ff
#7dc8ff
rgb(125,200,255)
-
#91d0ff
#91d0ff
rgb(145,208,255)
-
#a5d8ff
#a5d8ff
rgb(165,216,255)
-
#b8e1ff
#b8e1ff
rgb(184,225,255)
-
#cce9ff
#cce9ff
rgb(204,233,255)
-
#e0f2ff
#e0f2ff
rgb(224,242,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #2fa6ff
A tone is produced by adding gray to any pure hue. In this case, #8f989f is the less saturated color, while #2fa6ff is the most saturated one.
-
#8f989f
#8f989f
rgb(143,152,159)
-
#8799a7
#8799a7
rgb(135,153,167)
-
#7f9aaf
#7f9aaf
rgb(127,154,175)
-
#779cb7
#779cb7
rgb(119,156,183)
-
#6f9dbf
#6f9dbf
rgb(111,157,191)
-
#679ec7
#679ec7
rgb(103,158,199)
-
#5f9fcf
#5f9fcf
rgb(95,159,207)
-
#57a0d7
#57a0d7
rgb(87,160,215)
-
#4fa1df
#4fa1df
rgb(79,161,223)
-
#47a3e7
#47a3e7
rgb(71,163,231)
-
#3fa4ef
#3fa4ef
rgb(63,164,239)
-
#37a5f7
#37a5f7
rgb(55,165,247)
-
#2fa6ff
#2fa6ff
rgb(47,166,255)
Color Blindness Simulator
Below, you can see how #2fa6ff 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.