#2f5edf hex color

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

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

● #2f5edf color description : Bright blue.

The hexadecimal color #2f5edf has RGB values of R:47, G:94, B:223 and CMYK values of C:0.79, M:0.58, Y:0, K:0.13. Its decimal value is 3104479.

Hex triplet	2f5edf	`#2f5edf`
RGB Decimal	47, 94, 223	`rgb(47,94,223)`
RGB Percent	18.4, 36.9, 87.5	`rgb(18.4%,36.9%,87.5%)`
CMYK	79, 58, 0, 13
HSL	224°, 73.3, 52.9	`hsl(224,73.3%,52.9%)`
HSV (or HSB)	224°, 78.9, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.141, 30.493, -70.166
XYZ	18.491, 13.936, 71.523
xyY	0.178, 0.134, 13.936
CIE-LCH	44.141, 76.505, 293.489
CIE-LUV	44.141, -17.522, -105.95
Hunter-Lab	37.331, 23.088, -87.463
Binary	00101111, 01011110, 11011111

#2f5edf
```
#2f5edf rgb(47,94,223)
```
#dfb02f
```
#dfb02f rgb(223,176,47)
```

Complementary Color

#2fb6df
```
#2fb6df rgb(47,182,223)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#582fdf
```
#582fdf rgb(88,47,223)
```

Analogous Color

#b6df2f
```
#b6df2f rgb(182,223,47)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#df582f
```
#df582f rgb(223,88,47)
```

Split Complementary Color

#5edf2f
```
#5edf2f rgb(94,223,47)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#df2f5e
```
#df2f5e rgb(223,47,94)
```

Triadic Color

#2fdfb0
```
#2fdfb0 rgb(47,223,176)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#df2f5e
```
#df2f5e rgb(223,47,94)
```
#dfb02f
```
#dfb02f rgb(223,176,47)
```

Tetradic Color

#1a40a8
```
#1a40a8 rgb(26,64,168)
```
#1d48be
```
#1d48be rgb(29,72,190)
```
#2150d4
```
#2150d4 rgb(33,80,212)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#456fe2
```
#456fe2 rgb(69,111,226)
```
#5b80e6
```
#5b80e6 rgb(91,128,230)
```
#7191e9
```
#7191e9 rgb(113,145,233)
```

Monochromatic Color

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

#2f8adf
```
#2f8adf rgb(47,138,223)
```
#2f7bdf
```
#2f7bdf rgb(47,123,223)
```
#2f6ddf
```
#2f6ddf rgb(47,109,223)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#2f4fdf
```
#2f4fdf rgb(47,79,223)
```
#2f41df
```
#2f41df rgb(47,65,223)
```
#2f32df
```
#2f32df rgb(47,50,223)
```

Similar Colors

Text with hexadecimal color #2f5edf

This text has a font color of #2f5edf.

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

#2f5edf background color

This paragraph has a background color of #2f5edf.

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

#2f5edf border color

This element has a border color of #2f5edf.

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

CSS codes

.text {color:#2f5edf;}

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

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

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)
```
#07122f
```
#07122f rgb(7,18,47)
```
#0a1840
```
#0a1840 rgb(10,24,64)
```
#0c1f51
```
#0c1f51 rgb(12,31,81)
```
#0f2562
```
#0f2562 rgb(15,37,98)
```
#122c73
```
#122c73 rgb(18,44,115)
```
#143284
```
#143284 rgb(20,50,132)
```
#173995
```
#173995 rgb(23,57,149)
```
#1a3fa6
```
#1a3fa6 rgb(26,63,166)
```
#1c46b7
```
#1c46b7 rgb(28,70,183)
```
#1f4cc8
```
#1f4cc8 rgb(31,76,200)
```
#2152d9
```
#2152d9 rgb(33,82,217)
```

Shade Color Variation

#2f5edf
```
#2f5edf rgb(47,94,223)
```
#406be2
```
#406be2 rgb(64,107,226)
```
#5178e4
```
#5178e4 rgb(81,120,228)
```
#6285e7
```
#6285e7 rgb(98,133,231)
```
#7393e9
```
#7393e9 rgb(115,147,233)
```
#84a0ec
```
#84a0ec rgb(132,160,236)
```
#95adef
```
#95adef rgb(149,173,239)
```
#a6baf1
```
#a6baf1 rgb(166,186,241)
```
#b7c7f4
```
#b7c7f4 rgb(183,199,244)
```
#c8d4f7
```
#c8d4f7 rgb(200,212,247)
```
#d9e2f9
```
#d9e2f9 rgb(217,226,249)
```
#eaeffc
```
#eaeffc rgb(234,239,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 #1351fb is the most saturated one.

#82858c
```
#82858c rgb(130,133,140)
```
#798095
```
#798095 rgb(121,128,149)
```
#707c9e
```
#707c9e rgb(112,124,158)
```
#6678a8
```
#6678a8 rgb(102,120,168)
```
#5d74b1
```
#5d74b1 rgb(93,116,177)
```
#546fba
```
#546fba rgb(84,111,186)
```
#4b6bc3
```
#4b6bc3 rgb(75,107,195)
```
#4167cd
```
#4167cd rgb(65,103,205)
```
#3862d6
```
#3862d6 rgb(56,98,214)
```
#2f5edf
```
#2f5edf rgb(47,94,223)
```
#265ae8
```
#265ae8 rgb(38,90,232)
```
#1d55f1
```
#1d55f1 rgb(29,85,241)
```
#1351fb
```
#1351fb rgb(19,81,251)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#555f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1167d8 Protanomaly 1% of men, 0.01% of women
#116bc7 Deuteranomaly 6% of men, 0.4% of women
#1170a3 Tritanomaly 0.01% of the population

#2f5edf hex color

#2f5edf Color Information

#2f5edf Color Conversion

Color Schemes with #2f5edf

Alternatives to #2f5edf

#2f5edf Preview

Shades and Tints of #2f5edf

Tones of #2f5edf

Color Blindness Simulator