#2f8bf9 hex color

In a RGB color space, hex #2f8bf9 is composed of 18.4% red, 54.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 44.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 212.7 degrees, a saturation of 94.4% and a lightness of 58%. #2f8bf9 color hex could be obtained by blending #5effff with #0017f3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 55
- B 98
RGB color chart
- C 81
- M 44
- Y 0
- K 2
CMYK color chart

● #2f8bf9 color description : Bright blue.

The hexadecimal color #2f8bf9 has RGB values of R:47, G:139, B:249 and CMYK values of C:0.81, M:0.44, Y:0, K:0.02. Its decimal value is 3116025.

Hex triplet	2f8bf9	`#2f8bf9`
RGB Decimal	47, 139, 249	`rgb(47,139,249)`
RGB Percent	18.4, 54.5, 97.6	`rgb(18.4%,54.5%,97.6%)`
CMYK	81, 44, 0, 2
HSL	212.7°, 94.4, 58	`hsl(212.7,94.4%,58%)`
HSV (or HSB)	212.7°, 81.1, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.949, 11.956, -62.377
XYZ	27.5, 25.907, 93.168
xyY	0.188, 0.177, 25.907
CIE-LCH	57.949, 63.512, 280.851
CIE-LUV	57.949, -29.911, -100.302
Hunter-Lab	50.899, 7.368, -72.899
Binary	00101111, 10001011, 11111001

#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#f99d2f
```
#f99d2f rgb(249,157,47)
```

Complementary Color

#2ff0f9
```
#2ff0f9 rgb(47,240,249)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#382ff9
```
#382ff9 rgb(56,47,249)
```

Analogous Color

#f0f92f
```
#f0f92f rgb(240,249,47)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#f9382f
```
#f9382f rgb(249,56,47)
```

Split Complementary Color

#8bf92f
```
#8bf92f rgb(139,249,47)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#f92f8b
```
#f92f8b rgb(249,47,139)
```

Triadic Color

#2ff99d
```
#2ff99d rgb(47,249,157)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#f92f8b
```
#f92f8b rgb(249,47,139)
```
#f99d2f
```
#f99d2f rgb(249,157,47)
```

Tetradic Color

#0665d5
```
#0665d5 rgb(6,101,213)
```
#0770ee
```
#0770ee rgb(7,112,238)
```
#167df8
```
#167df8 rgb(22,125,248)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#4899fa
```
#4899fa rgb(72,153,250)
```
#61a7fa
```
#61a7fa rgb(97,167,250)
```
#79b4fb
```
#79b4fb rgb(121,180,251)
```

Monochromatic Color

Below, you can see some colors close to #2f8bf9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2fbef9
```
#2fbef9 rgb(47,190,249)
```
#2fadf9
```
#2fadf9 rgb(47,173,249)
```
#2f9cf9
```
#2f9cf9 rgb(47,156,249)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#2f7af9
```
#2f7af9 rgb(47,122,249)
```
#2f69f9
```
#2f69f9 rgb(47,105,249)
```
#2f59f9
```
#2f59f9 rgb(47,89,249)
```

Similar Colors

Text with hexadecimal color #2f8bf9

This text has a font color of #2f8bf9.

<span style="color:#2f8bf9;">Text here</span>

#2f8bf9 background color

This paragraph has a background color of #2f8bf9.

<p style="background-color:#2f8bf9;">Content here</p>

#2f8bf9 border color

This element has a border color of #2f8bf9.

<div style="border:1px solid #2f8bf9;">Content here</div>

CSS codes

.text {color:#2f8bf9;}

.background {background-color:#2f8bf9;}

.border {border:1px solid #2f8bf9;}

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, #000102 is the darkest color, while #eef5fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010a15
```
#010a15 rgb(1,10,21)
```
#011328
```
#011328 rgb(1,19,40)
```
#021c3b
```
#021c3b rgb(2,28,59)
```
#02254e
```
#02254e rgb(2,37,78)
```
#032e61
```
#032e61 rgb(3,46,97)
```
#033774
```
#033774 rgb(3,55,116)
```
#044087
```
#044087 rgb(4,64,135)
```
#04499a
```
#04499a rgb(4,73,154)
```
#0552ad
```
#0552ad rgb(5,82,173)
```
#065bc0
```
#065bc0 rgb(6,91,192)
```
#0664d3
```
#0664d3 rgb(6,100,211)
```
#076de7
```
#076de7 rgb(7,109,231)
```

Shade Color Variation

#0976f8
```
#0976f8 rgb(9,118,248)
```
#1c80f8
```
#1c80f8 rgb(28,128,248)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```
#4296fa
```
#4296fa rgb(66,150,250)
```
#55a0fa
```
#55a0fa rgb(85,160,250)
```
#68abfb
```
#68abfb rgb(104,171,251)
```
#7bb6fb
```
#7bb6fb rgb(123,182,251)
```
#8ec0fc
```
#8ec0fc rgb(142,192,252)
```
#a1cbfc
```
#a1cbfc rgb(161,203,252)
```
#b4d5fd
```
#b4d5fd rgb(180,213,253)
```
#c8e0fd
```
#c8e0fd rgb(200,224,253)
```
#dbebfe
```
#dbebfe rgb(219,235,254)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929496 is the less saturated color, while #2f8bf9 is the most saturated one.

#929496
```
#929496 rgb(146,148,150)
```
#8a939e
```
#8a939e rgb(138,147,158)
```
#8192a7
```
#8192a7 rgb(129,146,167)
```
#7992af
```
#7992af rgb(121,146,175)
```
#7191b7
```
#7191b7 rgb(113,145,183)
```
#6990bf
```
#6990bf rgb(105,144,191)
```
#608fc8
```
#608fc8 rgb(96,143,200)
```
#588fd0
```
#588fd0 rgb(88,143,208)
```
#508ed8
```
#508ed8 rgb(80,142,216)
```
#488de0
```
#488de0 rgb(72,141,224)
```
#3f8ce9
```
#3f8ce9 rgb(63,140,233)
```
#378cf1
```
#378cf1 rgb(55,140,241)
```
#2f8bf9
```
#2f8bf9 rgb(47,139,249)
```

Tone Color Variation

Below, you can see how #2f8bf9 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.

Monochromacy

#7c7c7c Achromatopsia 0.005% of the population
#6d7f95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8df6 Protanopia 1% of men
#0093f6 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4a8cf7 Protanomaly 1% of men, 0.01% of women
#1190f7 Deuteranomaly 6% of men, 0.4% of women
#1198c6 Tritanomaly 0.01% of the population

#2f8bf9 hex color

#2f8bf9 Color Information

#2f8bf9 Color Conversion

Color Schemes with #2f8bf9

Alternatives to #2f8bf9

#2f8bf9 Preview

Shades and Tints of #2f8bf9

Tones of #2f8bf9

Color Blindness Simulator