#2f6efa hex color

In a RGB color space, hex #2f6efa is composed of 18.4% red, 43.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 56% magenta, 0% yellow and 2% black. It has a hue angle of 221.4 degrees, a saturation of 95.3% and a lightness of 58.2%. #2f6efa color hex could be obtained by blending #5edcff with #0000f5. Closest websafe color is: #3366ff.

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

● #2f6efa color description : Bright blue.

The hexadecimal color #2f6efa has RGB values of R:47, G:110, B:250 and CMYK values of C:0.81, M:0.56, Y:0, K:0.02. Its decimal value is 3108602.

Hex triplet	2f6efa	`#2f6efa`
RGB Decimal	47, 110, 250	`rgb(47,110,250)`
RGB Percent	18.4, 43.1, 98	`rgb(18.4%,43.1%,98%)`
CMYK	81, 56, 0, 2
HSL	221.4°, 95.3, 58.2	`hsl(221.4,95.3%,58.2%)`
HSV (or HSB)	221.4°, 81.2, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.283, 30.327, -75.325
XYZ	24, 18.656, 92.773
xyY	0.177, 0.138, 18.656
CIE-LCH	50.283, 81.201, 291.93
CIE-LUV	50.283, -21.532, -117.608
Hunter-Lab	43.193, 23.594, -97.112
Binary	00101111, 01101110, 11111010

#2f6efa
```
#2f6efa rgb(47,110,250)
```
#fabb2f
```
#fabb2f rgb(250,187,47)
```

Complementary Color

#2fd4fa
```
#2fd4fa rgb(47,212,250)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#552ffa
```
#552ffa rgb(85,47,250)
```

Analogous Color

#d4fa2f
```
#d4fa2f rgb(212,250,47)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#fa552f
```
#fa552f rgb(250,85,47)
```

Split Complementary Color

#6efa2f
```
#6efa2f rgb(110,250,47)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#fa2f6e
```
#fa2f6e rgb(250,47,110)
```

Triadic Color

#2ffabb
```
#2ffabb rgb(47,250,187)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#fa2f6e
```
#fa2f6e rgb(250,47,110)
```
#fabb2f
```
#fabb2f rgb(250,187,47)
```

Tetradic Color

#0546d7
```
#0546d7 rgb(5,70,215)
```
#064ff0
```
#064ff0 rgb(6,79,240)
```
#165df9
```
#165df9 rgb(22,93,249)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#487ffb
```
#487ffb rgb(72,127,251)
```
#6191fb
```
#6191fb rgb(97,145,251)
```
#7aa2fc
```
#7aa2fc rgb(122,162,252)
```

Monochromatic Color

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

#2fa1fa
```
#2fa1fa rgb(47,161,250)
```
#2f90fa
```
#2f90fa rgb(47,144,250)
```
#2f7ffa
```
#2f7ffa rgb(47,127,250)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#2f5dfa
```
#2f5dfa rgb(47,93,250)
```
#2f4cfa
```
#2f4cfa rgb(47,76,250)
```
#2f3bfa
```
#2f3bfa rgb(47,59,250)
```

Similar Colors

Text with hexadecimal color #2f6efa

This text has a font color of #2f6efa.

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

#2f6efa background color

This paragraph has a background color of #2f6efa.

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

#2f6efa border color

This element has a border color of #2f6efa.

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

CSS codes

.text {color:#2f6efa;}

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

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

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 #eff4ff is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010716
```
#010716 rgb(1,7,22)
```
#010d29
```
#010d29 rgb(1,13,41)
```
#01143c
```
#01143c rgb(1,20,60)
```
#021a4f
```
#021a4f rgb(2,26,79)
```
#022062
```
#022062 rgb(2,32,98)
```
#032676
```
#032676 rgb(3,38,118)
```
#032d89
```
#032d89 rgb(3,45,137)
```
#04339c
```
#04339c rgb(4,51,156)
```
#0439af
```
#0439af rgb(4,57,175)
```
#0540c2
```
#0540c2 rgb(5,64,194)
```
#0546d5
```
#0546d5 rgb(5,70,213)
```
#064ce9
```
#064ce9 rgb(6,76,233)
```

Shade Color Variation

#0953f9
```
#0953f9 rgb(9,83,249)
```
#1c61fa
```
#1c61fa rgb(28,97,250)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```
#427bfa
```
#427bfa rgb(66,123,250)
```
#5589fb
```
#5589fb rgb(85,137,251)
```
#6896fb
```
#6896fb rgb(104,150,251)
```
#7ca3fc
```
#7ca3fc rgb(124,163,252)
```
#8fb1fc
```
#8fb1fc rgb(143,177,252)
```
#a2befd
```
#a2befd rgb(162,190,253)
```
#b5cbfd
```
#b5cbfd rgb(181,203,253)
```
#c8d9fe
```
#c8d9fe rgb(200,217,254)
```
#dbe6fe
```
#dbe6fe rgb(219,230,254)
```
#eff4ff
```
#eff4ff rgb(239,244,255)
```

Tint Color Variation

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

#919398
```
#919398 rgb(145,147,152)
```
#8990a0
```
#8990a0 rgb(137,144,160)
```
#818da8
```
#818da8 rgb(129,141,168)
```
#798ab0
```
#798ab0 rgb(121,138,176)
```
#7187b8
```
#7187b8 rgb(113,135,184)
```
#6884c1
```
#6884c1 rgb(104,132,193)
```
#6081c9
```
#6081c9 rgb(96,129,201)
```
#587ed1
```
#587ed1 rgb(88,126,209)
```
#507ad9
```
#507ad9 rgb(80,122,217)
```
#4877e1
```
#4877e1 rgb(72,119,225)
```
#3f74ea
```
#3f74ea rgb(63,116,234)
```
#3771f2
```
#3771f2 rgb(55,113,242)
```
#2f6efa
```
#2f6efa rgb(47,110,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5f6c88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d2 Deuteranopia 1% of men
#008b93 Tritanopia 0.001% of the population

Trichromacy

#1176f4 Protanomaly 1% of men, 0.01% of women
#117ae0 Deuteranomaly 6% of men, 0.4% of women
#1180b8 Tritanomaly 0.01% of the population

#2f6efa hex color

#2f6efa Color Information

#2f6efa Color Conversion

Color Schemes with #2f6efa

Alternatives to #2f6efa

#2f6efa Preview

Shades and Tints of #2f6efa

Tones of #2f6efa

Color Blindness Simulator