#2f5bfc hex color

In a RGB color space, hex #2f5bfc is composed of 18.4% red, 35.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 63.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 227.1 degrees, a saturation of 97.2% and a lightness of 58.6%. #2f5bfc color hex could be obtained by blending #5eb6ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 18
- G 36
- B 99
RGB color chart
- C 81
- M 64
- Y 0
- K 1
CMYK color chart

● #2f5bfc color description : Bright blue.

The hexadecimal color #2f5bfc has RGB values of R:47, G:91, B:252 and CMYK values of C:0.81, M:0.64, Y:0, K:0.01. Its decimal value is 3103740.

Hex triplet	2f5bfc	`#2f5bfc`
RGB Decimal	47, 91, 252	`rgb(47,91,252)`
RGB Percent	18.4, 35.7, 98.8	`rgb(18.4%,35.7%,98.8%)`
CMYK	81, 64, 0, 1
HSL	227.1°, 97.2, 58.6	`hsl(227.1,97.2%,58.6%)`
HSV (or HSB)	227.1°, 81.3, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.789, 42.883, -83.785
XYZ	22.48, 15.113, 93.822
xyY	0.171, 0.115, 15.113
CIE-LCH	45.789, 94.122, 297.104
CIE-LUV	45.789, -16.895, -126.2
Hunter-Lab	38.876, 35.188, -115.878
Binary	00101111, 01011011, 11111100

#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#fcd02f
```
#fcd02f rgb(252,208,47)
```

Complementary Color

#2fc2fc
```
#2fc2fc rgb(47,194,252)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#6a2ffc
```
#6a2ffc rgb(106,47,252)
```

Analogous Color

#c2fc2f
```
#c2fc2f rgb(194,252,47)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#fc6a2f
```
#fc6a2f rgb(252,106,47)
```

Split Complementary Color

#5bfc2f
```
#5bfc2f rgb(91,252,47)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#fc2f5b
```
#fc2f5b rgb(252,47,91)
```

Triadic Color

#2ffcd0
```
#2ffcd0 rgb(47,252,208)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#fc2f5b
```
#fc2f5b rgb(252,47,91)
```
#fcd02f
```
#fcd02f rgb(252,208,47)
```

Tetradic Color

#0332db
```
#0332db rgb(3,50,219)
```
#0437f4
```
#0437f4 rgb(4,55,244)
```
#1647fc
```
#1647fc rgb(22,71,252)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#486ffc
```
#486ffc rgb(72,111,252)
```
#6183fd
```
#6183fd rgb(97,131,253)
```
#7a96fd
```
#7a96fd rgb(122,150,253)
```

Monochromatic Color

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

#2f8efc
```
#2f8efc rgb(47,142,252)
```
#2f7dfc
```
#2f7dfc rgb(47,125,252)
```
#2f6cfc
```
#2f6cfc rgb(47,108,252)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#2f4afc
```
#2f4afc rgb(47,74,252)
```
#2f39fc
```
#2f39fc rgb(47,57,252)
```
#362ffc
```
#362ffc rgb(54,47,252)
```

Similar Colors

Text with hexadecimal color #2f5bfc

This text has a font color of #2f5bfc.

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

#2f5bfc background color

This paragraph has a background color of #2f5bfc.

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

#2f5bfc border color

This element has a border color of #2f5bfc.

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

CSS codes

.text {color:#2f5bfc;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000518
```
#000518 rgb(0,5,24)
```
#010a2b
```
#010a2b rgb(1,10,43)
```
#010e3f
```
#010e3f rgb(1,14,63)
```
#011352
```
#011352 rgb(1,19,82)
```
#011765
```
#011765 rgb(1,23,101)
```
#021b79
```
#021b79 rgb(2,27,121)
```
#02208c
```
#02208c rgb(2,32,140)
```
#02249f
```
#02249f rgb(2,36,159)
```
#0328b3
```
#0328b3 rgb(3,40,179)
```
#032dc6
```
#032dc6 rgb(3,45,198)
```
#0331d9
```
#0331d9 rgb(3,49,217)
```
#0335ed
```
#0335ed rgb(3,53,237)
```

Shade Color Variation

#083dfb
```
#083dfb rgb(8,61,251)
```
#1c4cfc
```
#1c4cfc rgb(28,76,252)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```
#426afc
```
#426afc rgb(66,106,252)
```
#5679fd
```
#5679fd rgb(86,121,253)
```
#6989fd
```
#6989fd rgb(105,137,253)
```
#7c98fd
```
#7c98fd rgb(124,152,253)
```
#90a7fd
```
#90a7fd rgb(144,167,253)
```
#a3b6fe
```
#a3b6fe rgb(163,182,254)
```
#b6c6fe
```
#b6c6fe rgb(182,198,254)
```
#cad5fe
```
#cad5fe rgb(202,213,254)
```
#dde4ff
```
#dde4ff rgb(221,228,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#90939b
```
#90939b rgb(144,147,155)
```
#888ea3
```
#888ea3 rgb(136,142,163)
```
#8089ab
```
#8089ab rgb(128,137,171)
```
#7885b3
```
#7885b3 rgb(120,133,179)
```
#7080bb
```
#7080bb rgb(112,128,187)
```
#687bc3
```
#687bc3 rgb(104,123,195)
```
#6077cb
```
#6077cb rgb(96,119,203)
```
#5872d3
```
#5872d3 rgb(88,114,211)
```
#4f6edc
```
#4f6edc rgb(79,110,220)
```
#4769e4
```
#4769e4 rgb(71,105,228)
```
#3f64ec
```
#3f64ec rgb(63,100,236)
```
#3760f4
```
#3760f4 rgb(55,96,244)
```
#2f5bfc
```
#2f5bfc rgb(47,91,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#565f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1168e7 Protanomaly 1% of men, 0.01% of women
#116cd5 Deuteranomaly 6% of men, 0.4% of women
#1172b1 Tritanomaly 0.01% of the population

#2f5bfc hex color

#2f5bfc Color Information

#2f5bfc Color Conversion

Color Schemes with #2f5bfc

Alternatives to #2f5bfc

#2f5bfc Preview

Shades and Tints of #2f5bfc

Tones of #2f5bfc

Color Blindness Simulator