#2f5685 hex color

In a RGB color space, hex #2f5685 is composed of 18.4% red, 33.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 35.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 212.8 degrees, a saturation of 47.8% and a lightness of 35.3%. #2f5685 color hex could be obtained by blending #5eacff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 34
- B 52
RGB color chart
- C 65
- M 35
- Y 0
- K 48
CMYK color chart

● #2f5685 color description : Dark moderate blue.

The hexadecimal color #2f5685 has RGB values of R:47, G:86, B:133 and CMYK values of C:0.65, M:0.35, Y:0, K:0.48. Its decimal value is 3102341.

Hex triplet	2f5685	`#2f5685`
RGB Decimal	47, 86, 133	`rgb(47,86,133)`
RGB Percent	18.4, 33.7, 52.2	`rgb(18.4%,33.7%,52.2%)`
CMYK	65, 35, 0, 48
HSL	212.8°, 47.8, 35.3	`hsl(212.8,47.8%,35.3%)`
HSV (or HSB)	212.8°, 64.7, 52.2
Web Safe	336699	`#336699`

CIE-LAB	35.893, 1.94, -30.424
XYZ	8.733, 8.953, 23.457
xyY	0.212, 0.218, 8.953
CIE-LCH	35.893, 30.485, 273.649
CIE-LUV	35.893, -15.934, -42.345
Hunter-Lab	29.921, -0.266, -25.536
Binary	00101111, 01010110, 10000101

#2f5685
```
#2f5685 rgb(47,86,133)
```
#855e2f
```
#855e2f rgb(133,94,47)
```

Complementary Color

#2f8185
```
#2f8185 rgb(47,129,133)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#332f85
```
#332f85 rgb(51,47,133)
```

Analogous Color

#81852f
```
#81852f rgb(129,133,47)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#85332f
```
#85332f rgb(133,51,47)
```

Split Complementary Color

#56852f
```
#56852f rgb(86,133,47)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#852f56
```
#852f56 rgb(133,47,86)
```

Triadic Color

#2f855e
```
#2f855e rgb(47,133,94)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#852f56
```
#852f56 rgb(133,47,86)
```
#855e2f
```
#855e2f rgb(133,94,47)
```

Tetradic Color

#1b314c
```
#1b314c rgb(27,49,76)
```
#223e5f
```
#223e5f rgb(34,62,95)
```
#284a72
```
#284a72 rgb(40,74,114)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#366298
```
#366298 rgb(54,98,152)
```
#3c6eab
```
#3c6eab rgb(60,110,171)
```
#447bbd
```
#447bbd rgb(68,123,189)
```

Monochromatic Color

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

#2f6c85
```
#2f6c85 rgb(47,108,133)
```
#2f6485
```
#2f6485 rgb(47,100,133)
```
#2f5d85
```
#2f5d85 rgb(47,93,133)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#2f4f85
```
#2f4f85 rgb(47,79,133)
```
#2f4885
```
#2f4885 rgb(47,72,133)
```
#2f4185
```
#2f4185 rgb(47,65,133)
```

Similar Colors

Text with hexadecimal color #2f5685

This text has a font color of #2f5685.

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

#2f5685 background color

This paragraph has a background color of #2f5685.

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

#2f5685 border color

This element has a border color of #2f5685.

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

CSS codes

.text {color:#2f5685;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060b11
```
#060b11 rgb(6,11,17)
```
#0b1420
```
#0b1420 rgb(11,20,32)
```
#101e2e
```
#101e2e rgb(16,30,46)
```
#15273d
```
#15273d rgb(21,39,61)
```
#1b314b
```
#1b314b rgb(27,49,75)
```
#203a5a
```
#203a5a rgb(32,58,90)
```
#254368
```
#254368 rgb(37,67,104)
```
#2a4d77
```
#2a4d77 rgb(42,77,119)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#345f93
```
#345f93 rgb(52,95,147)
```
#3969a2
```
#3969a2 rgb(57,105,162)
```
#3e72b0
```
#3e72b0 rgb(62,114,176)
```

Shade Color Variation

#457cbd
```
#457cbd rgb(69,124,189)
```
#5486c2
```
#5486c2 rgb(84,134,194)
```
#6290c8
```
#6290c8 rgb(98,144,200)
```
#719acd
```
#719acd rgb(113,154,205)
```
#7fa5d2
```
#7fa5d2 rgb(127,165,210)
```
#8eafd7
```
#8eafd7 rgb(142,175,215)
```
#9cb9dc
```
#9cb9dc rgb(156,185,220)
```
#abc3e1
```
#abc3e1 rgb(171,195,225)
```
#b9cee6
```
#b9cee6 rgb(185,206,230)
```
#c8d8eb
```
#c8d8eb rgb(200,216,235)
```
#d6e2f1
```
#d6e2f1 rgb(214,226,241)
```
#e5ecf6
```
#e5ecf6 rgb(229,236,246)
```
#f3f7fb
```
#f3f7fb rgb(243,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a5b is the less saturated color, while #0552af is the most saturated one.

#595a5b
```
#595a5b rgb(89,90,91)
```
#525962
```
#525962 rgb(82,89,98)
```
#4b5969
```
#4b5969 rgb(75,89,105)
```
#445870
```
#445870 rgb(68,88,112)
```
#3d5777
```
#3d5777 rgb(61,87,119)
```
#36577e
```
#36577e rgb(54,87,126)
```
#2f5685
```
#2f5685 rgb(47,86,133)
```
#28558c
```
#28558c rgb(40,85,140)
```
#215593
```
#215593 rgb(33,85,147)
```
#1a549a
```
#1a549a rgb(26,84,154)
```
#1353a1
```
#1353a1 rgb(19,83,161)
```
#0c53a8
```
#0c53a8 rgb(12,83,168)
```
#0552af
```
#0552af rgb(5,82,175)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#49515b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b5b89 Protanopia 1% of men
#425d8b Deuteranopia 1% of men
#25656c Tritanopia 0.001% of the population

Trichromacy

#415987 Protanomaly 1% of men, 0.01% of women
#3b5a89 Deuteranomaly 6% of men, 0.4% of women
#285f75 Tritanomaly 0.01% of the population

#2f5685 hex color

#2f5685 Color Information

#2f5685 Color Conversion

Color Schemes with #2f5685

Alternatives to #2f5685

#2f5685 Preview

Shades and Tints of #2f5685

Tones of #2f5685

Color Blindness Simulator