#2f89ff Color Information
In a RGB color space, hex #2f89ff is composed of 18.4% red, 53.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 46.3% magenta, 0% yellow and 0% black. It has a hue angle of 214 degrees, a saturation of 100% and a lightness of 59.2%. #2f89ff color hex could be obtained by blending #5effff with #0013ff. Closest websafe color is: #3399ff.
-
- R 18
- G 54
- B 100
-
- C 82
- M 46
- Y 0
- K 0
● #2f89ff color description : Vivid blue.
#2f89ff Color Conversion
The hexadecimal color #2f89ff has RGB values of R:47, G:137, B:255 and CMYK values of C:0.82, M:0.46, Y:0, K:0. Its decimal value is 3115519.
Hex triplet | 2f89ff | #2f89ff |
---|---|---|
RGB Decimal | 47, 137, 255 | rgb(47,137,255) |
RGB Percent | 18.4, 53.7, 100 | rgb(18.4%,53.7%,100%) |
CMYK | 82, 46, 0, 0 | |
HSL | 214°, 100, 59.2 | hsl(214,100%,59.2%) |
HSV (or HSB) | 214°, 81.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.764, 15.393, -65.975 |
---|---|
XYZ | 28.164, 25.713, 98.081 |
xyY | 0.185, 0.169, 25.713 |
CIE-LCH | 57.764, 67.747, 283.133 |
CIE-LUV | 57.764, -29.095, -106.273 |
Hunter-Lab | 50.708, 10.401, -79.184 |
Binary | 00101111, 10001001, 11111111 |
Color Schemes with #2f89ff
Alternatives to #2f89ff
Below, you can see some colors close to #2f89ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2f89ff Preview
This text has a font color of #2f89ff.
<span style="color:#2f89ff;">Text here</span>
This paragraph has a background color of #2f89ff.
<p style="background-color:#2f89ff;">Content here</p>
This element has a border color of #2f89ff.
<div style="border:1px solid #2f89ff;">Content here</div>
.text {color:#2f89ff;}
.background {background-color:#2f89ff;}
.border {border:1px solid #2f89ff;}
Shades and Tints of #2f89ff
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)
-
#00142f
#00142f
rgb(0,20,47)
-
#001d43
#001d43
rgb(0,29,67)
-
#002556
#002556
rgb(0,37,86)
-
#002e6a
#002e6a
rgb(0,46,106)
-
#00367d
#00367d
rgb(0,54,125)
-
#003f91
#003f91
rgb(0,63,145)
-
#0047a5
#0047a5
rgb(0,71,165)
-
#0050b8
#0050b8
rgb(0,80,184)
-
#0058cc
#0058cc
rgb(0,88,204)
-
#0061e0
#0061e0
rgb(0,97,224)
-
#0069f3
#0069f3
rgb(0,105,243)
-
#0873ff
#0873ff
rgb(8,115,255)
-
#1b7eff
#1b7eff
rgb(27,126,255)
-
#2f89ff
#2f89ff
rgb(47,137,255)
-
#4394ff
#4394ff
rgb(67,148,255)
-
#569fff
#569fff
rgb(86,159,255)
-
#6aaaff
#6aaaff
rgb(106,170,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 #2f89ff
A tone is produced by adding gray to any pure hue. In this case, #8f969f is the less saturated color, while #2f89ff 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)
-
#5f8fcf
#5f8fcf
rgb(95,143,207)
-
#578ed7
#578ed7
rgb(87,142,215)
-
#4f8ddf
#4f8ddf
rgb(79,141,223)
-
#478ce7
#478ce7
rgb(71,140,231)
-
#3f8bef
#3f8bef
rgb(63,139,239)
-
#378af7
#378af7
rgb(55,138,247)
-
#2f89ff
#2f89ff
rgb(47,137,255)
Color Blindness Simulator
Below, you can see how #2f89ff 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.