#2f6fe9 hex color

In a RGB color space, hex #2f6fe9 is composed of 18.4% red, 43.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 52.4% magenta, 0% yellow and 8.6% black. It has a hue angle of 219.4 degrees, a saturation of 80.9% and a lightness of 54.9%. #2f6fe9 color hex could be obtained by blending #5edeff with #0000d3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 44
- B 91
RGB color chart
- C 80
- M 52
- Y 0
- K 9
CMYK color chart

● #2f6fe9 color description : Bright blue.

The hexadecimal color #2f6fe9 has RGB values of R:47, G:111, B:233 and CMYK values of C:0.8, M:0.52, Y:0, K:0.09. Its decimal value is 3108841.

Hex triplet	2f6fe9	`#2f6fe9`
RGB Decimal	47, 111, 233	`rgb(47,111,233)`
RGB Percent	18.4, 43.5, 91.4	`rgb(18.4%,43.5%,91.4%)`
CMYK	80, 52, 0, 9
HSL	219.4°, 80.9, 54.9	`hsl(219.4,80.9%,54.9%)`
HSV (or HSB)	219.4°, 79.8, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.319, 23.393, -67.396
XYZ	21.562, 17.855, 79.396
xyY	0.181, 0.15, 17.855
CIE-LCH	49.319, 71.34, 289.141
CIE-LUV	49.319, -22.031, -104.987
Hunter-Lab	42.255, 17.138, -81.827
Binary	00101111, 01101111, 11101001

#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#e9a92f
```
#e9a92f rgb(233,169,47)
```

Complementary Color

#2fcce9
```
#2fcce9 rgb(47,204,233)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#4c2fe9
```
#4c2fe9 rgb(76,47,233)
```

Analogous Color

#cce92f
```
#cce92f rgb(204,233,47)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#e94c2f
```
#e94c2f rgb(233,76,47)
```

Split Complementary Color

#6fe92f
```
#6fe92f rgb(111,233,47)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#e92f6f
```
#e92f6f rgb(233,47,111)
```

Triadic Color

#2fe9a9
```
#2fe9a9 rgb(47,233,169)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#e92f6f
```
#e92f6f rgb(233,47,111)
```
#e9a92f
```
#e9a92f rgb(233,169,47)
```

Tetradic Color

#134cb8
```
#134cb8 rgb(19,76,184)
```
#1656cf
```
#1656cf rgb(22,86,207)
```
#185fe6
```
#185fe6 rgb(24,95,230)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#467feb
```
#467feb rgb(70,127,235)
```
#5d8fee
```
#5d8fee rgb(93,143,238)
```
#749ff0
```
#749ff0 rgb(116,159,240)
```

Monochromatic Color

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

#2f9ee9
```
#2f9ee9 rgb(47,158,233)
```
#2f8ee9
```
#2f8ee9 rgb(47,142,233)
```
#2f7fe9
```
#2f7fe9 rgb(47,127,233)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#2f60e9
```
#2f60e9 rgb(47,96,233)
```
#2f50e9
```
#2f50e9 rgb(47,80,233)
```
#2f41e9
```
#2f41e9 rgb(47,65,233)
```

Similar Colors

Text with hexadecimal color #2f6fe9

This text has a font color of #2f6fe9.

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

#2f6fe9 background color

This paragraph has a background color of #2f6fe9.

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

#2f6fe9 border color

This element has a border color of #2f6fe9.

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

CSS codes

.text {color:#2f6fe9;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#020917
```
#020917 rgb(2,9,23)
```
#041128
```
#041128 rgb(4,17,40)
```
#06183a
```
#06183a rgb(6,24,58)
```
#081f4c
```
#081f4c rgb(8,31,76)
```
#0a275e
```
#0a275e rgb(10,39,94)
```
#0c2e6f
```
#0c2e6f rgb(12,46,111)
```
#0e3581
```
#0e3581 rgb(14,53,129)
```
#103d93
```
#103d93 rgb(16,61,147)
```
#1144a5
```
#1144a5 rgb(17,68,165)
```
#134bb6
```
#134bb6 rgb(19,75,182)
```
#1553c8
```
#1553c8 rgb(21,83,200)
```
#175ada
```
#175ada rgb(23,90,218)
```

Shade Color Variation

#1d63e7
```
#1d63e7 rgb(29,99,231)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#417beb
```
#417beb rgb(65,123,235)
```
#5288ed
```
#5288ed rgb(82,136,237)
```
#6494ef
```
#6494ef rgb(100,148,239)
```
#76a0f1
```
#76a0f1 rgb(118,160,241)
```
#88acf2
```
#88acf2 rgb(136,172,242)
```
#99b9f4
```
#99b9f4 rgb(153,185,244)
```
#abc5f6
```
#abc5f6 rgb(171,197,246)
```
#bdd1f8
```
#bdd1f8 rgb(189,209,248)
```
#cfdefa
```
#cfdefa rgb(207,222,250)
```
#e0eafc
```
#e0eafc rgb(224,234,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878b91 is the less saturated color, while #1d69fb is the most saturated one.

#878b91
```
#878b91 rgb(135,139,145)
```
#7f8899
```
#7f8899 rgb(127,136,153)
```
#7685a2
```
#7685a2 rgb(118,133,162)
```
#6d82ab
```
#6d82ab rgb(109,130,171)
```
#6480b4
```
#6480b4 rgb(100,128,180)
```
#5b7dbd
```
#5b7dbd rgb(91,125,189)
```
#527ac6
```
#527ac6 rgb(82,122,198)
```
#4a77ce
```
#4a77ce rgb(74,119,206)
```
#4175d7
```
#4175d7 rgb(65,117,215)
```
#3872e0
```
#3872e0 rgb(56,114,224)
```
#2f6fe9
```
#2f6fe9 rgb(47,111,233)
```
#266cf2
```
#266cf2 rgb(38,108,242)
```
#1d69fb
```
#1d69fb rgb(29,105,251)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5e6b83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1178ec Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#1c75ea Protanomaly 1% of men, 0.01% of women
#1179d8 Deuteranomaly 6% of men, 0.4% of women
#117fb0 Tritanomaly 0.01% of the population

#2f6fe9 hex color

#2f6fe9 Color Information

#2f6fe9 Color Conversion

Color Schemes with #2f6fe9

Alternatives to #2f6fe9

#2f6fe9 Preview

Shades and Tints of #2f6fe9

Tones of #2f6fe9

Color Blindness Simulator