#2f5876 hex color

In a RGB color space, hex #2f5876 is composed of 18.4% red, 34.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 25.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 205.4 degrees, a saturation of 43% and a lightness of 32.4%. #2f5876 color hex could be obtained by blending #5eb0ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 35
- B 46
RGB color chart
- C 60
- M 25
- Y 0
- K 54
CMYK color chart

● #2f5876 color description : Dark moderate blue.

The hexadecimal color #2f5876 has RGB values of R:47, G:88, B:118 and CMYK values of C:0.6, M:0.25, Y:0, K:0.54. Its decimal value is 3102838.

Hex triplet	2f5876	`#2f5876`
RGB Decimal	47, 88, 118	`rgb(47,88,118)`
RGB Percent	18.4, 34.5, 46.3	`rgb(18.4%,34.5%,46.3%)`
CMYK	60, 25, 0, 54
HSL	205.4°, 43, 32.4	`hsl(205.4,43%,32.4%)`
HSV (or HSB)	205.4°, 60.2, 46.3
Web Safe	336666	`#336666`

CIE-LAB	35.774, -4.671, -21.381
XYZ	7.931, 8.891, 18.437
xyY	0.225, 0.252, 8.891
CIE-LCH	35.774, 21.885, 257.676
CIE-LUV	35.774, -16.966, -28.523
Hunter-Lab	29.818, -4.703, -15.787
Binary	00101111, 01011000, 01110110

#2f5876
```
#2f5876 rgb(47,88,118)
```
#764d2f
```
#764d2f rgb(118,77,47)
```

Complementary Color

#2f7671
```
#2f7671 rgb(47,118,113)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#2f3576
```
#2f3576 rgb(47,53,118)
```

Analogous Color

#76712f
```
#76712f rgb(118,113,47)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#762f35
```
#762f35 rgb(118,47,53)
```

Split Complementary Color

#58762f
```
#58762f rgb(88,118,47)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#762f58
```
#762f58 rgb(118,47,88)
```

Triadic Color

#2f764d
```
#2f764d rgb(47,118,77)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#762f58
```
#762f58 rgb(118,47,88)
```
#764d2f
```
#764d2f rgb(118,77,47)
```

Tetradic Color

#192f3f
```
#192f3f rgb(25,47,63)
```
#203d52
```
#203d52 rgb(32,61,82)
```
#284a64
```
#284a64 rgb(40,74,100)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#366688
```
#366688 rgb(54,102,136)
```
#3e739a
```
#3e739a rgb(62,115,154)
```
#4581ad
```
#4581ad rgb(69,129,173)
```

Monochromatic Color

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

#2f6a76
```
#2f6a76 rgb(47,106,118)
```
#2f6476
```
#2f6476 rgb(47,100,118)
```
#2f5e76
```
#2f5e76 rgb(47,94,118)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#2f5276
```
#2f5276 rgb(47,82,118)
```
#2f4c76
```
#2f4c76 rgb(47,76,118)
```
#2f4676
```
#2f4676 rgb(47,70,118)
```

Similar Colors

Text with hexadecimal color #2f5876

This text has a font color of #2f5876.

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

#2f5876 background color

This paragraph has a background color of #2f5876.

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

#2f5876 border color

This element has a border color of #2f5876.

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

CSS codes

.text {color:#2f5876;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080f14
```
#080f14 rgb(8,15,20)
```
#0d1922
```
#0d1922 rgb(13,25,34)
```
#132430
```
#132430 rgb(19,36,48)
```
#192e3e
```
#192e3e rgb(25,46,62)
```
#1e394c
```
#1e394c rgb(30,57,76)
```
#24435a
```
#24435a rgb(36,67,90)
```
#294e68
```
#294e68 rgb(41,78,104)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#356284
```
#356284 rgb(53,98,132)
```
#3a6d92
```
#3a6d92 rgb(58,109,146)
```
#4077a0
```
#4077a0 rgb(64,119,160)
```
#4582ae
```
#4582ae rgb(69,130,174)
```

Shade Color Variation

#4e8cb9
```
#4e8cb9 rgb(78,140,185)
```
#5c95be
```
#5c95be rgb(92,149,190)
```
#6a9ec4
```
#6a9ec4 rgb(106,158,196)
```
#78a7c9
```
#78a7c9 rgb(120,167,201)
```
#87b0cf
```
#87b0cf rgb(135,176,207)
```
#95bad5
```
#95bad5 rgb(149,186,213)
```
#a3c3da
```
#a3c3da rgb(163,195,218)
```
#b1cce0
```
#b1cce0 rgb(177,204,224)
```
#bfd5e5
```
#bfd5e5 rgb(191,213,229)
```
#cddeeb
```
#cddeeb rgb(205,222,235)
```
#dbe7f1
```
#dbe7f1 rgb(219,231,241)
```
#e9f0f6
```
#e9f0f6 rgb(233,240,246)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5356 is the less saturated color, while #035fa2 is the most saturated one.

#4f5356
```
#4f5356 rgb(79,83,86)
```
#48545d
```
#48545d rgb(72,84,93)
```
#425563
```
#425563 rgb(66,85,99)
```
#3c5669
```
#3c5669 rgb(60,86,105)
```
#355770
```
#355770 rgb(53,87,112)
```
#2f5876
```
#2f5876 rgb(47,88,118)
```
#29597c
```
#29597c rgb(41,89,124)
```
#225a83
```
#225a83 rgb(34,90,131)
```
#1c5b89
```
#1c5b89 rgb(28,91,137)
```
#165c8f
```
#165c8f rgb(22,92,143)
```
#0f5d96
```
#0f5d96 rgb(15,93,150)
```
#095e9c
```
#095e9c rgb(9,94,156)
```
#035fa2
```
#035fa2 rgb(3,95,162)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535b79 Protanopia 1% of men
#505c7e Deuteranopia 1% of men
#30646b Tritanopia 0.001% of the population

Trichromacy

#465a78 Protanomaly 1% of men, 0.01% of women
#445a7b Deuteranomaly 6% of men, 0.4% of women
#2f5f6f Tritanomaly 0.01% of the population

#2f5876 hex color

#2f5876 Color Information

#2f5876 Color Conversion

Color Schemes with #2f5876

Alternatives to #2f5876

#2f5876 Preview

Shades and Tints of #2f5876

Tones of #2f5876

Color Blindness Simulator