#2f6cfb hex color

In a RGB color space, hex #2f6cfb is composed of 18.4% red, 42.4% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 57% magenta, 0% yellow and 1.6% black. It has a hue angle of 222.1 degrees, a saturation of 96.2% and a lightness of 58.4%. #2f6cfb color hex could be obtained by blending #5ed8ff with #0000f7. 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

● #2f6cfb color description : Bright blue.

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

Hex triplet	2f6cfb	`#2f6cfb`
RGB Decimal	47, 108, 251	`rgb(47,108,251)`
RGB Percent	18.4, 42.4, 98.4	`rgb(18.4%,42.4%,98.4%)`
CMYK	81, 57, 0, 2
HSL	222.1°, 96.2, 58.4	`hsl(222.1,96.2%,58.4%)`
HSV (or HSB)	222.1°, 81.3, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.849, 31.95, -76.587
XYZ	23.944, 18.293, 93.53
xyY	0.176, 0.135, 18.293
CIE-LCH	49.849, 82.984, 292.644
CIE-LUV	49.849, -20.999, -119.212
Hunter-Lab	42.77, 25.082, -99.718
Binary	00101111, 01101100, 11111011

#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#fbbe2f
```
#fbbe2f rgb(251,190,47)
```

Complementary Color

#2fd2fb
```
#2fd2fb rgb(47,210,251)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#582ffb
```
#582ffb rgb(88,47,251)
```

Analogous Color

#d2fb2f
```
#d2fb2f rgb(210,251,47)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#fb582f
```
#fb582f rgb(251,88,47)
```

Split Complementary Color

#6cfb2f
```
#6cfb2f rgb(108,251,47)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#fb2f6c
```
#fb2f6c rgb(251,47,108)
```

Triadic Color

#2ffbbe
```
#2ffbbe rgb(47,251,190)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#fb2f6c
```
#fb2f6c rgb(251,47,108)
```
#fbbe2f
```
#fbbe2f rgb(251,190,47)
```

Tetradic Color

#0444d9
```
#0444d9 rgb(4,68,217)
```
#054cf2
```
#054cf2 rgb(5,76,242)
```
#165afb
```
#165afb rgb(22,90,251)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#487efb
```
#487efb rgb(72,126,251)
```
#618ffc
```
#618ffc rgb(97,143,252)
```
#7aa1fc
```
#7aa1fc rgb(122,161,252)
```

Monochromatic Color

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

#2f9ffb
```
#2f9ffb rgb(47,159,251)
```
#2f8efb
```
#2f8efb rgb(47,142,251)
```
#2f7dfb
```
#2f7dfb rgb(47,125,251)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#2f5bfb
```
#2f5bfb rgb(47,91,251)
```
#2f4afb
```
#2f4afb rgb(47,74,251)
```
#2f39fb
```
#2f39fb rgb(47,57,251)
```

Similar Colors

Text with hexadecimal color #2f6cfb

This text has a font color of #2f6cfb.

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

#2f6cfb background color

This paragraph has a background color of #2f6cfb.

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

#2f6cfb border color

This element has a border color of #2f6cfb.

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

CSS codes

.text {color:#2f6cfb;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000717
```
#000717 rgb(0,7,23)
```
#010d2a
```
#010d2a rgb(1,13,42)
```
#01133d
```
#01133d rgb(1,19,61)
```
#021951
```
#021951 rgb(2,25,81)
```
#021f64
```
#021f64 rgb(2,31,100)
```
#022577
```
#022577 rgb(2,37,119)
```
#032b8a
```
#032b8a rgb(3,43,138)
```
#03319e
```
#03319e rgb(3,49,158)
```
#0337b1
```
#0337b1 rgb(3,55,177)
```
#043dc4
```
#043dc4 rgb(4,61,196)
```
#0443d7
```
#0443d7 rgb(4,67,215)
```
#0549eb
```
#0549eb rgb(5,73,235)
```

Shade Color Variation

#0951fa
```
#0951fa rgb(9,81,250)
```
#1c5efb
```
#1c5efb rgb(28,94,251)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```
#427afb
```
#427afb rgb(66,122,251)
```
#5587fc
```
#5587fc rgb(85,135,252)
```
#6995fc
```
#6995fc rgb(105,149,252)
```
#7ca2fc
```
#7ca2fc rgb(124,162,252)
```
#8fb0fd
```
#8fb0fd rgb(143,176,253)
```
#a2befd
```
#a2befd rgb(162,190,253)
```
#b6cbfe
```
#b6cbfe rgb(182,203,254)
```
#c9d9fe
```
#c9d9fe rgb(201,217,254)
```
#dce6fe
```
#dce6fe rgb(220,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, #919399 is the less saturated color, while #2f6cfb is the most saturated one.

#919399
```
#919399 rgb(145,147,153)
```
#8990a1
```
#8990a1 rgb(137,144,161)
```
#818da9
```
#818da9 rgb(129,141,169)
```
#7889b2
```
#7889b2 rgb(120,137,178)
```
#7086ba
```
#7086ba rgb(112,134,186)
```
#6883c2
```
#6883c2 rgb(104,131,194)
```
#6080ca
```
#6080ca rgb(96,128,202)
```
#587cd2
```
#587cd2 rgb(88,124,210)
```
#5079da
```
#5079da rgb(80,121,218)
```
#4776e3
```
#4776e3 rgb(71,118,227)
```
#3f73eb
```
#3f73eb rgb(63,115,235)
```
#376ff3
```
#376ff3 rgb(55,111,243)
```
#2f6cfb
```
#2f6cfb rgb(47,108,251)
```

Tone Color Variation

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

#0079ee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008a91 Tritanopia 0.001% of the population

Trichromacy

#1174f3 Protanomaly 1% of men, 0.01% of women
#1179df Deuteranomaly 6% of men, 0.4% of women
#117fb8 Tritanomaly 0.01% of the population

#2f6cfb hex color

#2f6cfb Color Information

#2f6cfb Color Conversion

Color Schemes with #2f6cfb

Alternatives to #2f6cfb

#2f6cfb Preview

Shades and Tints of #2f6cfb

Tones of #2f6cfb

Color Blindness Simulator