#2f5bdf hex color

In a RGB color space, hex #2f5bdf is composed of 18.4% red, 35.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 59.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 225 degrees, a saturation of 73.3% and a lightness of 52.9%. #2f5bdf color hex could be obtained by blending #5eb6ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 36
- B 87
RGB color chart
- C 79
- M 59
- Y 0
- K 13
CMYK color chart

● #2f5bdf color description : Bright blue.

The hexadecimal color #2f5bdf has RGB values of R:47, G:91, B:223 and CMYK values of C:0.79, M:0.59, Y:0, K:0.13. Its decimal value is 3103711.

Hex triplet	2f5bdf	`#2f5bdf`
RGB Decimal	47, 91, 223	`rgb(47,91,223)`
RGB Percent	18.4, 35.7, 87.5	`rgb(18.4%,35.7%,87.5%)`
CMYK	79, 59, 0, 13
HSL	225°, 73.3, 52.9	`hsl(225,73.3%,52.9%)`
HSV (or HSB)	225°, 78.9, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.379, 32.405, -71.409
XYZ	18.23, 13.413, 71.436
xyY	0.177, 0.13, 13.413
CIE-LCH	43.379, 78.418, 294.409
CIE-LUV	43.379, -16.759, -107.155
Hunter-Lab	36.624, 24.759, -90.012
Binary	00101111, 01011011, 11011111

#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#dfb32f
```
#dfb32f rgb(223,179,47)
```

Complementary Color

#2fb3df
```
#2fb3df rgb(47,179,223)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#5b2fdf
```
#5b2fdf rgb(91,47,223)
```

Analogous Color

#b3df2f
```
#b3df2f rgb(179,223,47)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#df5b2f
```
#df5b2f rgb(223,91,47)
```

Split Complementary Color

#5bdf2f
```
#5bdf2f rgb(91,223,47)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#df2f5b
```
#df2f5b rgb(223,47,91)
```

Triadic Color

#2fdfb3
```
#2fdfb3 rgb(47,223,179)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#df2f5b
```
#df2f5b rgb(223,47,91)
```
#dfb32f
```
#dfb32f rgb(223,179,47)
```

Tetradic Color

#1a3da8
```
#1a3da8 rgb(26,61,168)
```
#1d45be
```
#1d45be rgb(29,69,190)
```
#214dd4
```
#214dd4 rgb(33,77,212)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#456ce2
```
#456ce2 rgb(69,108,226)
```
#5b7ee6
```
#5b7ee6 rgb(91,126,230)
```
#718fe9
```
#718fe9 rgb(113,143,233)
```

Monochromatic Color

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

#2f87df
```
#2f87df rgb(47,135,223)
```
#2f78df
```
#2f78df rgb(47,120,223)
```
#2f6adf
```
#2f6adf rgb(47,106,223)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#2f4cdf
```
#2f4cdf rgb(47,76,223)
```
#2f3edf
```
#2f3edf rgb(47,62,223)
```
#2f2fdf
```
#2f2fdf rgb(47,47,223)
```

Similar Colors

Text with hexadecimal color #2f5bdf

This text has a font color of #2f5bdf.

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

#2f5bdf background color

This paragraph has a background color of #2f5bdf.

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

#2f5bdf border color

This element has a border color of #2f5bdf.

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

CSS codes

.text {color:#2f5bdf;}

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

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

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, #02050d is the darkest color, while #fbfcfe is the lightest one.

#02050d
```
#02050d rgb(2,5,13)
```
#050b1e
```
#050b1e rgb(5,11,30)
```
#07112f
```
#07112f rgb(7,17,47)
```
#0a1740
```
#0a1740 rgb(10,23,64)
```
#0c1e51
```
#0c1e51 rgb(12,30,81)
```
#0f2462
```
#0f2462 rgb(15,36,98)
```
#122a73
```
#122a73 rgb(18,42,115)
```
#143084
```
#143084 rgb(20,48,132)
```
#173695
```
#173695 rgb(23,54,149)
```
#1a3da6
```
#1a3da6 rgb(26,61,166)
```
#1c43b7
```
#1c43b7 rgb(28,67,183)
```
#1f49c8
```
#1f49c8 rgb(31,73,200)
```
#214fd9
```
#214fd9 rgb(33,79,217)
```

Shade Color Variation

#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#4068e2
```
#4068e2 rgb(64,104,226)
```
#5176e4
```
#5176e4 rgb(81,118,228)
```
#6283e7
```
#6283e7 rgb(98,131,231)
```
#7391e9
```
#7391e9 rgb(115,145,233)
```
#849eec
```
#849eec rgb(132,158,236)
```
#95abef
```
#95abef rgb(149,171,239)
```
#a6b9f1
```
#a6b9f1 rgb(166,185,241)
```
#b7c6f4
```
#b7c6f4 rgb(183,198,244)
```
#c8d4f7
```
#c8d4f7 rgb(200,212,247)
```
#d9e1f9
```
#d9e1f9 rgb(217,225,249)
```
#eaeefc
```
#eaeefc rgb(234,238,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82858c is the less saturated color, while #134dfb is the most saturated one.

#82858c
```
#82858c rgb(130,133,140)
```
#798095
```
#798095 rgb(121,128,149)
```
#707b9e
```
#707b9e rgb(112,123,158)
```
#6677a8
```
#6677a8 rgb(102,119,168)
```
#5d72b1
```
#5d72b1 rgb(93,114,177)
```
#546dba
```
#546dba rgb(84,109,186)
```
#4b69c3
```
#4b69c3 rgb(75,105,195)
```
#4164cd
```
#4164cd rgb(65,100,205)
```
#3860d6
```
#3860d6 rgb(56,96,214)
```
#2f5bdf
```
#2f5bdf rgb(47,91,223)
```
#2656e8
```
#2656e8 rgb(38,86,232)
```
#1d52f1
```
#1d52f1 rgb(29,82,241)
```
#134dfb
```
#134dfb rgb(19,77,251)
```

Tone Color Variation

Below, you can see how #2f5bdf 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
#545d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1165d6 Protanomaly 1% of men, 0.01% of women
#1169c5 Deuteranomaly 6% of men, 0.4% of women
#116ea2 Tritanomaly 0.01% of the population

#2f5bdf hex color

#2f5bdf Color Information

#2f5bdf Color Conversion

Color Schemes with #2f5bdf

Alternatives to #2f5bdf

#2f5bdf Preview

Shades and Tints of #2f5bdf

Tones of #2f5bdf

Color Blindness Simulator