#2fa4ff Color Information
In a RGB color space, hex #2fa4ff is composed of 18.4% red, 64.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 35.7% magenta, 0% yellow and 0% black. It has a hue angle of 206.3 degrees, a saturation of 100% and a lightness of 59.2%. #2fa4ff color hex could be obtained by blending #5effff with #0049ff. Closest websafe color is: #3399ff.
-
- R 18
- G 64
- B 100
-
- C 82
- M 36
- Y 0
- K 0
● #2fa4ff color description : Vivid blue.
#2fa4ff Color Conversion
The hexadecimal color #2fa4ff has RGB values of R:47, G:164, B:255 and CMYK values of C:0.82, M:0.36, Y:0, K:0. Its decimal value is 3122431.
Hex triplet | 2fa4ff | #2fa4ff |
---|---|---|
RGB Decimal | 47, 164, 255 | rgb(47,164,255) |
RGB Percent | 18.4, 64.3, 100 | rgb(18.4%,64.3%,100%) |
CMYK | 82, 36, 0, 0 | |
HSL | 206.3°, 100, 59.2 | hsl(206.3,100%,59.2%) |
HSV (or HSB) | 206.3°, 81.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.257, -0.632, -53.999 |
---|---|
XYZ | 32.493, 34.372, 99.524 |
xyY | 0.195, 0.207, 34.372 |
CIE-LCH | 65.257, 54.003, 269.33 |
CIE-LUV | 65.257, -37.603, -87.34 |
Hunter-Lab | 58.628, -3.669, -59.608 |
Binary | 00101111, 10100100, 11111111 |
Color Schemes with #2fa4ff
Alternatives to #2fa4ff
Below, you can see some colors close to #2fa4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2fa4ff Preview
This text has a font color of #2fa4ff.
<span style="color:#2fa4ff;">Text here</span>
This paragraph has a background color of #2fa4ff.
<p style="background-color:#2fa4ff;">Content here</p>
This element has a border color of #2fa4ff.
<div style="border:1px solid #2fa4ff;">Content here</div>
.text {color:#2fa4ff;}
.background {background-color:#2fa4ff;}
.border {border:1px solid #2fa4ff;}
Shades and Tints of #2fa4ff
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)
-
#000f1b
#000f1b
rgb(0,15,27)
-
#001a2f
#001a2f
rgb(0,26,47)
-
#002543
#002543
rgb(0,37,67)
-
#003156
#003156
rgb(0,49,86)
-
#003c6a
#003c6a
rgb(0,60,106)
-
#00477d
#00477d
rgb(0,71,125)
-
#005291
#005291
rgb(0,82,145)
-
#005da5
#005da5
rgb(0,93,165)
-
#0068b8
#0068b8
rgb(0,104,184)
-
#0073cc
#0073cc
rgb(0,115,204)
-
#007ee0
#007ee0
rgb(0,126,224)
-
#0089f3
#0089f3
rgb(0,137,243)
-
#0893ff
#0893ff
rgb(8,147,255)
-
#1b9bff
#1b9bff
rgb(27,155,255)
-
#2fa4ff
#2fa4ff
rgb(47,164,255)
-
#43adff
#43adff
rgb(67,173,255)
-
#56b5ff
#56b5ff
rgb(86,181,255)
-
#6abeff
#6abeff
rgb(106,190,255)
-
#7dc6ff
#7dc6ff
rgb(125,198,255)
-
#91cfff
#91cfff
rgb(145,207,255)
-
#a5d7ff
#a5d7ff
rgb(165,215,255)
-
#b8e0ff
#b8e0ff
rgb(184,224,255)
-
#cce9ff
#cce9ff
rgb(204,233,255)
-
#e0f1ff
#e0f1ff
rgb(224,241,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #2fa4ff
A tone is produced by adding gray to any pure hue. In this case, #8f989f is the less saturated color, while #2fa4ff is the most saturated one.
-
#8f989f
#8f989f
rgb(143,152,159)
-
#8799a7
#8799a7
rgb(135,153,167)
-
#7f9aaf
#7f9aaf
rgb(127,154,175)
-
#779bb7
#779bb7
rgb(119,155,183)
-
#6f9cbf
#6f9cbf
rgb(111,156,191)
-
#679dc7
#679dc7
rgb(103,157,199)
-
#5f9ecf
#5f9ecf
rgb(95,158,207)
-
#579fd7
#579fd7
rgb(87,159,215)
-
#4fa0df
#4fa0df
rgb(79,160,223)
-
#47a1e7
#47a1e7
rgb(71,161,231)
-
#3fa2ef
#3fa2ef
rgb(63,162,239)
-
#37a3f7
#37a3f7
rgb(55,163,247)
-
#2fa4ff
#2fa4ff
rgb(47,164,255)
Color Blindness Simulator
Below, you can see how #2fa4ff 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.