#2f6ae9 hex color

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

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

● #2f6ae9 color description : Bright blue.

The hexadecimal color #2f6ae9 has RGB values of R:47, G:106, B:233 and CMYK values of C:0.8, M:0.55, Y:0, K:0.09. Its decimal value is 3107561.

Hex triplet	2f6ae9	`#2f6ae9`
RGB Decimal	47, 106, 233	`rgb(47,106,233)`
RGB Percent	18.4, 41.6, 91.4	`rgb(18.4%,41.6%,91.4%)`
CMYK	80, 55, 0, 9
HSL	221°, 80.9, 54.9	`hsl(221,80.9%,54.9%)`
HSV (or HSB)	221°, 79.8, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.999, 26.561, -69.538
XYZ	21.031, 16.794, 79.219
xyY	0.18, 0.143, 16.794
CIE-LCH	47.999, 74.438, 290.905
CIE-LUV	47.999, -20.644, -107.526
Hunter-Lab	40.98, 19.89, -85.927
Binary	00101111, 01101010, 11101001

#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#e9ae2f
```
#e9ae2f rgb(233,174,47)
```

Complementary Color

#2fc7e9
```
#2fc7e9 rgb(47,199,233)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#512fe9
```
#512fe9 rgb(81,47,233)
```

Analogous Color

#c7e92f
```
#c7e92f rgb(199,233,47)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#e9512f
```
#e9512f rgb(233,81,47)
```

Split Complementary Color

#6ae92f
```
#6ae92f rgb(106,233,47)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#e92f6a
```
#e92f6a rgb(233,47,106)
```

Triadic Color

#2fe9ae
```
#2fe9ae rgb(47,233,174)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#e92f6a
```
#e92f6a rgb(233,47,106)
```
#e9ae2f
```
#e9ae2f rgb(233,174,47)
```

Tetradic Color

#1348b8
```
#1348b8 rgb(19,72,184)
```
#1651cf
```
#1651cf rgb(22,81,207)
```
#185ae6
```
#185ae6 rgb(24,90,230)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#467beb
```
#467beb rgb(70,123,235)
```
#5d8bee
```
#5d8bee rgb(93,139,238)
```
#749cf0
```
#749cf0 rgb(116,156,240)
```

Monochromatic Color

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

#2f99e9
```
#2f99e9 rgb(47,153,233)
```
#2f89e9
```
#2f89e9 rgb(47,137,233)
```
#2f7ae9
```
#2f7ae9 rgb(47,122,233)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#2f5be9
```
#2f5be9 rgb(47,91,233)
```
#2f4be9
```
#2f4be9 rgb(47,75,233)
```
#2f3ce9
```
#2f3ce9 rgb(47,60,233)
```

Similar Colors

Text with hexadecimal color #2f6ae9

This text has a font color of #2f6ae9.

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

#2f6ae9 background color

This paragraph has a background color of #2f6ae9.

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

#2f6ae9 border color

This element has a border color of #2f6ae9.

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

CSS codes

.text {color:#2f6ae9;}

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

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

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)
```
#041028
```
#041028 rgb(4,16,40)
```
#06173a
```
#06173a rgb(6,23,58)
```
#081e4c
```
#081e4c rgb(8,30,76)
```
#0a245e
```
#0a245e rgb(10,36,94)
```
#0c2b6f
```
#0c2b6f rgb(12,43,111)
```
#0e3281
```
#0e3281 rgb(14,50,129)
```
#103993
```
#103993 rgb(16,57,147)
```
#1140a5
```
#1140a5 rgb(17,64,165)
```
#1347b6
```
#1347b6 rgb(19,71,182)
```
#154ec8
```
#154ec8 rgb(21,78,200)
```
#1755da
```
#1755da rgb(23,85,218)
```

Shade Color Variation

#1d5de7
```
#1d5de7 rgb(29,93,231)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#4177eb
```
#4177eb rgb(65,119,235)
```
#5283ed
```
#5283ed rgb(82,131,237)
```
#6490ef
```
#6490ef rgb(100,144,239)
```
#769df1
```
#769df1 rgb(118,157,241)
```
#88aaf2
```
#88aaf2 rgb(136,170,242)
```
#99b6f4
```
#99b6f4 rgb(153,182,244)
```
#abc3f6
```
#abc3f6 rgb(171,195,246)
```
#bdd0f8
```
#bdd0f8 rgb(189,208,248)
```
#cfdcfa
```
#cfdcfa rgb(207,220,250)
```
#e0e9fc
```
#e0e9fc rgb(224,233,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#878a91
```
#878a91 rgb(135,138,145)
```
#7f8799
```
#7f8799 rgb(127,135,153)
```
#7684a2
```
#7684a2 rgb(118,132,162)
```
#6d81ab
```
#6d81ab rgb(109,129,171)
```
#647db4
```
#647db4 rgb(100,125,180)
```
#5b7abd
```
#5b7abd rgb(91,122,189)
```
#5277c6
```
#5277c6 rgb(82,119,198)
```
#4a74ce
```
#4a74ce rgb(74,116,206)
```
#4170d7
```
#4170d7 rgb(65,112,215)
```
#386de0
```
#386de0 rgb(56,109,224)
```
#2f6ae9
```
#2f6ae9 rgb(47,106,233)
```
#2667f2
```
#2667f2 rgb(38,103,242)
```
#1d64fb
```
#1d64fb rgb(29,100,251)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858c Tritanopia 0.001% of the population

Trichromacy

#1171e7 Protanomaly 1% of men, 0.01% of women
#1175d5 Deuteranomaly 6% of men, 0.4% of women
#117bae Tritanomaly 0.01% of the population

#2f6ae9 hex color

#2f6ae9 Color Information

#2f6ae9 Color Conversion

Color Schemes with #2f6ae9

Alternatives to #2f6ae9

#2f6ae9 Preview

Shades and Tints of #2f6ae9

Tones of #2f6ae9

Color Blindness Simulator