#2f6cf9 hex color

In a RGB color space, hex #2f6cf9 is composed of 18.4% red, 42.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 56.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 221.9 degrees, a saturation of 94.4% and a lightness of 58%. #2f6cf9 color hex could be obtained by blending #5ed8ff with #0000f3. Closest websafe color is: #3366ff.

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

● #2f6cf9 color description : Bright blue.

The hexadecimal color #2f6cf9 has RGB values of R:47, G:108, B:249 and CMYK values of C:0.81, M:0.57, Y:0, K:0.02. Its decimal value is 3108089.

Hex triplet	2f6cf9	`#2f6cf9`
RGB Decimal	47, 108, 249	`rgb(47,108,249)`
RGB Percent	18.4, 42.4, 97.6	`rgb(18.4%,42.4%,97.6%)`
CMYK	81, 57, 0, 2
HSL	221.9°, 94.4, 58	`hsl(221.9,94.4%,58%)`
HSV (or HSB)	221.9°, 81.1, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.698, 31.215, -75.721
XYZ	23.63, 18.167, 91.879
xyY	0.177, 0.136, 18.167
CIE-LCH	49.698, 81.903, 292.403
CIE-LUV	49.698, -21.016, -117.829
Hunter-Lab	42.623, 24.37, -97.97
Binary	00101111, 01101100, 11111001

#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#f9bc2f
```
#f9bc2f rgb(249,188,47)
```

Complementary Color

#2fd1f9
```
#2fd1f9 rgb(47,209,249)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#572ff9
```
#572ff9 rgb(87,47,249)
```

Analogous Color

#d1f92f
```
#d1f92f rgb(209,249,47)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#f9572f
```
#f9572f rgb(249,87,47)
```

Split Complementary Color

#6cf92f
```
#6cf92f rgb(108,249,47)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#f92f6c
```
#f92f6c rgb(249,47,108)
```

Triadic Color

#2ff9bc
```
#2ff9bc rgb(47,249,188)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#f92f6c
```
#f92f6c rgb(249,47,108)
```
#f9bc2f
```
#f9bc2f rgb(249,188,47)
```

Tetradic Color

#0645d5
```
#0645d5 rgb(6,69,213)
```
#074dee
```
#074dee rgb(7,77,238)
```
#165af8
```
#165af8 rgb(22,90,248)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#487efa
```
#487efa rgb(72,126,250)
```
#618ffa
```
#618ffa rgb(97,143,250)
```
#79a1fb
```
#79a1fb rgb(121,161,251)
```

Monochromatic Color

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

#2f9ff9
```
#2f9ff9 rgb(47,159,249)
```
#2f8ef9
```
#2f8ef9 rgb(47,142,249)
```
#2f7df9
```
#2f7df9 rgb(47,125,249)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#2f5bf9
```
#2f5bf9 rgb(47,91,249)
```
#2f4af9
```
#2f4af9 rgb(47,74,249)
```
#2f3af9
```
#2f3af9 rgb(47,58,249)
```

Similar Colors

Text with hexadecimal color #2f6cf9

This text has a font color of #2f6cf9.

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

#2f6cf9 background color

This paragraph has a background color of #2f6cf9.

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

#2f6cf9 border color

This element has a border color of #2f6cf9.

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

CSS codes

.text {color:#2f6cf9;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010715
```
#010715 rgb(1,7,21)
```
#010d28
```
#010d28 rgb(1,13,40)
```
#02133b
```
#02133b rgb(2,19,59)
```
#02194e
```
#02194e rgb(2,25,78)
```
#031f61
```
#031f61 rgb(3,31,97)
```
#032574
```
#032574 rgb(3,37,116)
```
#042c87
```
#042c87 rgb(4,44,135)
```
#04329a
```
#04329a rgb(4,50,154)
```
#0538ad
```
#0538ad rgb(5,56,173)
```
#063ec0
```
#063ec0 rgb(6,62,192)
```
#0644d3
```
#0644d3 rgb(6,68,211)
```
#074ae7
```
#074ae7 rgb(7,74,231)
```

Shade Color Variation

#0951f8
```
#0951f8 rgb(9,81,248)
```
#1c5ff8
```
#1c5ff8 rgb(28,95,248)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```
#4279fa
```
#4279fa rgb(66,121,250)
```
#5587fa
```
#5587fa rgb(85,135,250)
```
#6894fb
```
#6894fb rgb(104,148,251)
```
#7ba2fb
```
#7ba2fb rgb(123,162,251)
```
#8eaffc
```
#8eaffc rgb(142,175,252)
```
#a1bdfc
```
#a1bdfc rgb(161,189,252)
```
#b4cafd
```
#b4cafd rgb(180,202,253)
```
#c8d8fd
```
#c8d8fd rgb(200,216,253)
```
#dbe5fe
```
#dbe5fe rgb(219,229,254)
```
#eef3fe
```
#eef3fe rgb(238,243,254)
```

Tint Color Variation

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

#929396
```
#929396 rgb(146,147,150)
```
#8a909e
```
#8a909e rgb(138,144,158)
```
#818da7
```
#818da7 rgb(129,141,167)
```
#7989af
```
#7989af rgb(121,137,175)
```
#7186b7
```
#7186b7 rgb(113,134,183)
```
#6983bf
```
#6983bf rgb(105,131,191)
```
#6080c8
```
#6080c8 rgb(96,128,200)
```
#587cd0
```
#587cd0 rgb(88,124,208)
```
#5079d8
```
#5079d8 rgb(80,121,216)
```
#4876e0
```
#4876e0 rgb(72,118,224)
```
#3f73e9
```
#3f73e9 rgb(63,115,233)
```
#376ff1
```
#376ff1 rgb(55,111,241)
```
#2f6cf9
```
#2f6cf9 rgb(47,108,249)
```

Tone Color Variation

Below, you can see how #2f6cf9 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
#5e6a87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#0080cf Deuteranopia 1% of men
#008991 Tritanopia 0.001% of the population

Trichromacy

#1174f1 Protanomaly 1% of men, 0.01% of women
#1178de Deuteranomaly 6% of men, 0.4% of women
#117eb7 Tritanomaly 0.01% of the population

#2f6cf9 hex color

#2f6cf9 Color Information

#2f6cf9 Color Conversion

Color Schemes with #2f6cf9

Alternatives to #2f6cf9

#2f6cf9 Preview

Shades and Tints of #2f6cf9

Tones of #2f6cf9

Color Blindness Simulator