#2f8efa hex color

In a RGB color space, hex #2f8efa is composed of 18.4% red, 55.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 43.2% magenta, 0% yellow and 2% black. It has a hue angle of 211.9 degrees, a saturation of 95.3% and a lightness of 58.2%. #2f8efa color hex could be obtained by blending #5effff with #001df5. Closest websafe color is: #3399ff.

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

● #2f8efa color description : Bright blue.

The hexadecimal color #2f8efa has RGB values of R:47, G:142, B:250 and CMYK values of C:0.81, M:0.43, Y:0, K:0.02. Its decimal value is 3116794.

Hex triplet	2f8efa	`#2f8efa`
RGB Decimal	47, 142, 250	`rgb(47,142,250)`
RGB Percent	18.4, 55.7, 98	`rgb(18.4%,55.7%,98%)`
CMYK	81, 43, 0, 2
HSL	211.9°, 95.3, 58.2	`hsl(211.9,95.3%,58.2%)`
HSV (or HSB)	211.9°, 81.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.835, 10.509, -61.505
XYZ	28.097, 26.85, 94.139
xyY	0.188, 0.18, 26.85
CIE-LCH	58.835, 62.396, 279.696
CIE-LUV	58.835, -30.803, -99.081
Hunter-Lab	51.817, 6.108, -71.443
Binary	00101111, 10001110, 11111010

#2f8efa
```
#2f8efa rgb(47,142,250)
```
#fa9b2f
```
#fa9b2f rgb(250,155,47)
```

Complementary Color

#2ff4fa
```
#2ff4fa rgb(47,244,250)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#352ffa
```
#352ffa rgb(53,47,250)
```

Analogous Color

#f4fa2f
```
#f4fa2f rgb(244,250,47)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#fa352f
```
#fa352f rgb(250,53,47)
```

Split Complementary Color

#8efa2f
```
#8efa2f rgb(142,250,47)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#fa2f8e
```
#fa2f8e rgb(250,47,142)
```

Triadic Color

#2ffa9b
```
#2ffa9b rgb(47,250,155)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#fa2f8e
```
#fa2f8e rgb(250,47,142)
```
#fa9b2f
```
#fa9b2f rgb(250,155,47)
```

Tetradic Color

#0568d7
```
#0568d7 rgb(5,104,215)
```
#0673f0
```
#0673f0 rgb(6,115,240)
```
#1680f9
```
#1680f9 rgb(22,128,249)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#489cfb
```
#489cfb rgb(72,156,251)
```
#61a9fb
```
#61a9fb rgb(97,169,251)
```
#7ab7fc
```
#7ab7fc rgb(122,183,252)
```

Monochromatic Color

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

#2fc1fa
```
#2fc1fa rgb(47,193,250)
```
#2fb0fa
```
#2fb0fa rgb(47,176,250)
```
#2f9ffa
```
#2f9ffa rgb(47,159,250)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#2f7dfa
```
#2f7dfa rgb(47,125,250)
```
#2f6cfa
```
#2f6cfa rgb(47,108,250)
```
#2f5bfa
```
#2f5bfa rgb(47,91,250)
```

Similar Colors

Text with hexadecimal color #2f8efa

This text has a font color of #2f8efa.

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

#2f8efa background color

This paragraph has a background color of #2f8efa.

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

#2f8efa border color

This element has a border color of #2f8efa.

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

CSS codes

.text {color:#2f8efa;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010b16
```
#010b16 rgb(1,11,22)
```
#011429
```
#011429 rgb(1,20,41)
```
#011d3c
```
#011d3c rgb(1,29,60)
```
#02264f
```
#02264f rgb(2,38,79)
```
#022f62
```
#022f62 rgb(2,47,98)
```
#033976
```
#033976 rgb(3,57,118)
```
#034289
```
#034289 rgb(3,66,137)
```
#044b9c
```
#044b9c rgb(4,75,156)
```
#0454af
```
#0454af rgb(4,84,175)
```
#055dc2
```
#055dc2 rgb(5,93,194)
```
#0567d5
```
#0567d5 rgb(5,103,213)
```
#0670e9
```
#0670e9 rgb(6,112,233)
```

Shade Color Variation

#0979f9
```
#0979f9 rgb(9,121,249)
```
#1c84fa
```
#1c84fa rgb(28,132,250)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```
#4298fa
```
#4298fa rgb(66,152,250)
```
#55a3fb
```
#55a3fb rgb(85,163,251)
```
#68adfb
```
#68adfb rgb(104,173,251)
```
#7cb8fc
```
#7cb8fc rgb(124,184,252)
```
#8fc2fc
```
#8fc2fc rgb(143,194,252)
```
#a2ccfd
```
#a2ccfd rgb(162,204,253)
```
#b5d7fd
```
#b5d7fd rgb(181,215,253)
```
#c8e1fe
```
#c8e1fe rgb(200,225,254)
```
#dbecfe
```
#dbecfe rgb(219,236,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#919498
```
#919498 rgb(145,148,152)
```
#8994a0
```
#8994a0 rgb(137,148,160)
```
#8193a8
```
#8193a8 rgb(129,147,168)
```
#7993b0
```
#7993b0 rgb(121,147,176)
```
#7192b8
```
#7192b8 rgb(113,146,184)
```
#6892c1
```
#6892c1 rgb(104,146,193)
```
#6091c9
```
#6091c9 rgb(96,145,201)
```
#5891d1
```
#5891d1 rgb(88,145,209)
```
#5090d9
```
#5090d9 rgb(80,144,217)
```
#4890e1
```
#4890e1 rgb(72,144,225)
```
#3f8fea
```
#3f8fea rgb(63,143,234)
```
#378ff2
```
#378ff2 rgb(55,143,242)
```
#2f8efa
```
#2f8efa rgb(47,142,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e90f6 Protanopia 1% of men
#1795f9 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#4d8ff8 Protanomaly 1% of men, 0.01% of women
#2092f9 Deuteranomaly 6% of men, 0.4% of women
#119ac8 Tritanomaly 0.01% of the population

#2f8efa hex color

#2f8efa Color Information

#2f8efa Color Conversion

Color Schemes with #2f8efa

Alternatives to #2f8efa

#2f8efa Preview

Shades and Tints of #2f8efa

Tones of #2f8efa

Color Blindness Simulator