#2f5be3 hex color

In a RGB color space, hex #2f5be3 is composed of 18.4% red, 35.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 59.9% magenta, 0% yellow and 11% black. It has a hue angle of 225.3 degrees, a saturation of 76.3% and a lightness of 53.7%. #2f5be3 color hex could be obtained by blending #5eb6ff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 89
RGB color chart
- C 79
- M 60
- Y 0
- K 11
CMYK color chart

● #2f5be3 color description : Bright blue.

The hexadecimal color #2f5be3 has RGB values of R:47, G:91, B:227 and CMYK values of C:0.79, M:0.6, Y:0, K:0.11. Its decimal value is 3103715.

Hex triplet	2f5be3	`#2f5be3`
RGB Decimal	47, 91, 227	`rgb(47,91,227)`
RGB Percent	18.4, 35.7, 89	`rgb(18.4%,35.7%,89%)`
CMYK	79, 60, 0, 11
HSL	225.3°, 76.3, 53.7	`hsl(225.3,76.3%,53.7%)`
HSV (or HSB)	225.3°, 79.3, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.699, 33.874, -73.157
XYZ	18.776, 13.631, 74.31
xyY	0.176, 0.128, 13.631
CIE-LCH	43.699, 80.619, 294.845
CIE-LUV	43.699, -16.767, -109.855
Hunter-Lab	36.92, 26.164, -93.49
Binary	00101111, 01011011, 11100011

#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#e3b72f
```
#e3b72f rgb(227,183,47)
```

Complementary Color

#2fb5e3
```
#2fb5e3 rgb(47,181,227)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#5d2fe3
```
#5d2fe3 rgb(93,47,227)
```

Analogous Color

#b5e32f
```
#b5e32f rgb(181,227,47)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#e35d2f
```
#e35d2f rgb(227,93,47)
```

Split Complementary Color

#5be32f
```
#5be32f rgb(91,227,47)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#e32f5b
```
#e32f5b rgb(227,47,91)
```

Triadic Color

#2fe3b7
```
#2fe3b7 rgb(47,227,183)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#e32f5b
```
#e32f5b rgb(227,47,91)
```
#e3b72f
```
#e3b72f rgb(227,183,47)
```

Tetradic Color

#173cae
```
#173cae rgb(23,60,174)
```
#1a44c5
```
#1a44c5 rgb(26,68,197)
```
#1d4cdb
```
#1d4cdb rgb(29,76,219)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#456de6
```
#456de6 rgb(69,109,230)
```
#5c7ee9
```
#5c7ee9 rgb(92,126,233)
```
#7290ec
```
#7290ec rgb(114,144,236)
```

Monochromatic Color

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

#2f88e3
```
#2f88e3 rgb(47,136,227)
```
#2f79e3
```
#2f79e3 rgb(47,121,227)
```
#2f6ae3
```
#2f6ae3 rgb(47,106,227)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#2f4ce3
```
#2f4ce3 rgb(47,76,227)
```
#2f3de3
```
#2f3de3 rgb(47,61,227)
```
#302fe3
```
#302fe3 rgb(48,47,227)
```

Similar Colors

Text with hexadecimal color #2f5be3

This text has a font color of #2f5be3.

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

#2f5be3 background color

This paragraph has a background color of #2f5be3.

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

#2f5be3 border color

This element has a border color of #2f5be3.

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

CSS codes

.text {color:#2f5be3;}

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

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

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

#020611
```
#020611 rgb(2,6,17)
```
#050c22
```
#050c22 rgb(5,12,34)
```
#071233
```
#071233 rgb(7,18,51)
```
#091845
```
#091845 rgb(9,24,69)
```
#0c1e56
```
#0c1e56 rgb(12,30,86)
```
#0e2467
```
#0e2467 rgb(14,36,103)
```
#102a78
```
#102a78 rgb(16,42,120)
```
#13308a
```
#13308a rgb(19,48,138)
```
#15369b
```
#15369b rgb(21,54,155)
```
#173cac
```
#173cac rgb(23,60,172)
```
#1a42be
```
#1a42be rgb(26,66,190)
```
#1c48cf
```
#1c48cf rgb(28,72,207)
```
#1e4ee0
```
#1e4ee0 rgb(30,78,224)
```

Shade Color Variation

#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#4069e5
```
#4069e5 rgb(64,105,229)
```
#5276e8
```
#5276e8 rgb(82,118,232)
```
#6384ea
```
#6384ea rgb(99,132,234)
```
#7492ec
```
#7492ec rgb(116,146,236)
```
#859fef
```
#859fef rgb(133,159,239)
```
#97adf1
```
#97adf1 rgb(151,173,241)
```
#a8baf3
```
#a8baf3 rgb(168,186,243)
```
#b9c8f6
```
#b9c8f6 rgb(185,200,246)
```
#cbd6f8
```
#cbd6f8 rgb(203,214,248)
```
#dce3fa
```
#dce3fa rgb(220,227,250)
```
#edf1fd
```
#edf1fd rgb(237,241,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#818591
```
#818591 rgb(129,133,145)
```
#78809a
```
#78809a rgb(120,128,154)
```
#6f7ba3
```
#6f7ba3 rgb(111,123,163)
```
#6577ad
```
#6577ad rgb(101,119,173)
```
#5c72b6
```
#5c72b6 rgb(92,114,182)
```
#536ebf
```
#536ebf rgb(83,110,191)
```
#4a69c8
```
#4a69c8 rgb(74,105,200)
```
#4164d1
```
#4164d1 rgb(65,100,209)
```
#3860da
```
#3860da rgb(56,96,218)
```
#2f5be3
```
#2f5be3 rgb(47,91,227)
```
#2656ec
```
#2656ec rgb(38,86,236)
```
#1d52f5
```
#1d52f5 rgb(29,82,245)
```
#144dfe
```
#144dfe rgb(20,77,254)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#545d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#1165d8 Protanomaly 1% of men, 0.01% of women
#1169c7 Deuteranomaly 6% of men, 0.4% of women
#116ea4 Tritanomaly 0.01% of the population

#2f5be3 hex color

#2f5be3 Color Information

#2f5be3 Color Conversion

Color Schemes with #2f5be3

Alternatives to #2f5be3

#2f5be3 Preview

Shades and Tints of #2f5be3

Tones of #2f5be3

Color Blindness Simulator