#2f8df9 hex color

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

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

● #2f8df9 color description : Bright blue.

The hexadecimal color #2f8df9 has RGB values of R:47, G:141, B:249 and CMYK values of C:0.81, M:0.43, Y:0, K:0.02. Its decimal value is 3116537.

Hex triplet	2f8df9	`#2f8df9`
RGB Decimal	47, 141, 249	`rgb(47,141,249)`
RGB Percent	18.4, 55.3, 97.6	`rgb(18.4%,55.3%,97.6%)`
CMYK	81, 43, 0, 2
HSL	212.1°, 94.4, 58	`hsl(212.1,94.4%,58%)`
HSV (or HSB)	212.1°, 81.1, 97.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.501, 10.745, -61.491
XYZ	27.792, 26.491, 93.266
xyY	0.188, 0.18, 26.491
CIE-LCH	58.501, 62.423, 279.911
CIE-LUV	58.501, -30.53, -98.965
Hunter-Lab	51.47, 6.313, -71.408
Binary	00101111, 10001101, 11111001

#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#f99b2f
```
#f99b2f rgb(249,155,47)
```

Complementary Color

#2ff2f9
```
#2ff2f9 rgb(47,242,249)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#362ff9
```
#362ff9 rgb(54,47,249)
```

Analogous Color

#f2f92f
```
#f2f92f rgb(242,249,47)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#f9362f
```
#f9362f rgb(249,54,47)
```

Split Complementary Color

#8df92f
```
#8df92f rgb(141,249,47)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#f92f8d
```
#f92f8d rgb(249,47,141)
```

Triadic Color

#2ff99b
```
#2ff99b rgb(47,249,155)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#f92f8d
```
#f92f8d rgb(249,47,141)
```
#f99b2f
```
#f99b2f rgb(249,155,47)
```

Tetradic Color

#0667d5
```
#0667d5 rgb(6,103,213)
```
#0772ee
```
#0772ee rgb(7,114,238)
```
#167ff8
```
#167ff8 rgb(22,127,248)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#489bfa
```
#489bfa rgb(72,155,250)
```
#61a8fa
```
#61a8fa rgb(97,168,250)
```
#79b6fb
```
#79b6fb rgb(121,182,251)
```

Monochromatic Color

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

#2fc0f9
```
#2fc0f9 rgb(47,192,249)
```
#2faff9
```
#2faff9 rgb(47,175,249)
```
#2f9ef9
```
#2f9ef9 rgb(47,158,249)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#2f7cf9
```
#2f7cf9 rgb(47,124,249)
```
#2f6bf9
```
#2f6bf9 rgb(47,107,249)
```
#2f5bf9
```
#2f5bf9 rgb(47,91,249)
```

Similar Colors

Text with hexadecimal color #2f8df9

This text has a font color of #2f8df9.

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

#2f8df9 background color

This paragraph has a background color of #2f8df9.

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

#2f8df9 border color

This element has a border color of #2f8df9.

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

CSS codes

.text {color:#2f8df9;}

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

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

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)
```
#032f61
```
#032f61 rgb(3,47,97)
```
#033874
```
#033874 rgb(3,56,116)
```
#044187
```
#044187 rgb(4,65,135)
```
#044a9a
```
#044a9a rgb(4,74,154)
```
#0553ad
```
#0553ad rgb(5,83,173)
```
#065cc0
```
#065cc0 rgb(6,92,192)
```
#0666d3
```
#0666d3 rgb(6,102,211)
```
#076fe7
```
#076fe7 rgb(7,111,231)
```

Shade Color Variation

#0978f8
```
#0978f8 rgb(9,120,248)
```
#1c83f8
```
#1c83f8 rgb(28,131,248)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```
#4297fa
```
#4297fa rgb(66,151,250)
```
#55a2fa
```
#55a2fa rgb(85,162,250)
```
#68acfb
```
#68acfb rgb(104,172,251)
```
#7bb7fb
```
#7bb7fb rgb(123,183,251)
```
#8ec1fc
```
#8ec1fc rgb(142,193,252)
```
#a1ccfc
```
#a1ccfc rgb(161,204,252)
```
#b4d6fd
```
#b4d6fd rgb(180,214,253)
```
#c8e1fd
```
#c8e1fd rgb(200,225,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 #2f8df9 is the most saturated one.

#929496
```
#929496 rgb(146,148,150)
```
#8a939e
```
#8a939e rgb(138,147,158)
```
#8193a7
```
#8193a7 rgb(129,147,167)
```
#7992af
```
#7992af rgb(121,146,175)
```
#7192b7
```
#7192b7 rgb(113,146,183)
```
#6991bf
```
#6991bf rgb(105,145,191)
```
#6090c8
```
#6090c8 rgb(96,144,200)
```
#5890d0
```
#5890d0 rgb(88,144,208)
```
#508fd8
```
#508fd8 rgb(80,143,216)
```
#488fe0
```
#488fe0 rgb(72,143,224)
```
#3f8ee9
```
#3f8ee9 rgb(63,142,233)
```
#378ef1
```
#378ef1 rgb(55,142,241)
```
#2f8df9
```
#2f8df9 rgb(47,141,249)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d8096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d8ff6 Protanopia 1% of men
#1194f8 Deuteranopia 1% of men
#00a1ab Tritanopia 0.001% of the population

Trichromacy

#4c8ef7 Protanomaly 1% of men, 0.01% of women
#1c92f8 Deuteranomaly 6% of men, 0.4% of women
#1199c7 Tritanomaly 0.01% of the population

#2f8df9 hex color

#2f8df9 Color Information

#2f8df9 Color Conversion

Color Schemes with #2f8df9

Alternatives to #2f8df9

#2f8df9 Preview

Shades and Tints of #2f8df9

Tones of #2f8df9

Color Blindness Simulator