#2f58a2 hex color

In a RGB color space, hex #2f58a2 is composed of 18.4% red, 34.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 45.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 218.6 degrees, a saturation of 55% and a lightness of 41%. #2f58a2 color hex could be obtained by blending #5eb0ff with #000045. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 35
- B 64
RGB color chart
- C 71
- M 46
- Y 0
- K 36
CMYK color chart

● #2f58a2 color description : Dark blue.

The hexadecimal color #2f58a2 has RGB values of R:47, G:88, B:162 and CMYK values of C:0.71, M:0.46, Y:0, K:0.36. Its decimal value is 3102882.

Hex triplet	2f58a2	`#2f58a2`
RGB Decimal	47, 88, 162	`rgb(47,88,162)`
RGB Percent	18.4, 34.5, 63.5	`rgb(18.4%,34.5%,63.5%)`
CMYK	71, 46, 0, 36
HSL	218.6°, 55, 41	`hsl(218.6,55%,41%)`
HSV (or HSB)	218.6°, 71, 63.5
Web Safe	336699	`#336699`

CIE-LAB	38.184, 11.447, -44.307
XYZ	11.182, 10.192, 35.558
xyY	0.196, 0.179, 10.192
CIE-LCH	38.184, 45.762, 284.486
CIE-LUV	38.184, -16.195, -64.3
Hunter-Lab	31.924, 6.656, -43.692
Binary	00101111, 01011000, 10100010

#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#a2792f
```
#a2792f rgb(162,121,47)
```

Complementary Color

#2f92a2
```
#2f92a2 rgb(47,146,162)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#402fa2
```
#402fa2 rgb(64,47,162)
```

Analogous Color

#92a22f
```
#92a22f rgb(146,162,47)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#a23f2f
```
#a23f2f rgb(162,63,47)
```

Split Complementary Color

#58a22f
```
#58a22f rgb(88,162,47)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#a22f58
```
#a22f58 rgb(162,47,88)
```

Triadic Color

#2fa279
```
#2fa279 rgb(47,162,121)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#a22f58
```
#a22f58 rgb(162,47,88)
```
#a2792f
```
#a2792f rgb(162,121,47)
```

Tetradic Color

#1e3867
```
#1e3867 rgb(30,56,103)
```
#24437a
```
#24437a rgb(36,67,122)
```
#294d8e
```
#294d8e rgb(41,77,142)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#3563b6
```
#3563b6 rgb(53,99,182)
```
#3d6ec7
```
#3d6ec7 rgb(61,110,199)
```
#517dcd
```
#517dcd rgb(81,125,205)
```

Monochromatic Color

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

#2f75a2
```
#2f75a2 rgb(47,117,162)
```
#2f6ba2
```
#2f6ba2 rgb(47,107,162)
```
#2f62a2
```
#2f62a2 rgb(47,98,162)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#2f4ea2
```
#2f4ea2 rgb(47,78,162)
```
#2f45a2
```
#2f45a2 rgb(47,69,162)
```
#2f3ba2
```
#2f3ba2 rgb(47,59,162)
```

Similar Colors

Text with hexadecimal color #2f58a2

This text has a font color of #2f58a2.

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

#2f58a2 background color

This paragraph has a background color of #2f58a2.

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

#2f58a2 border color

This element has a border color of #2f58a2.

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

CSS codes

.text {color:#2f58a2;}

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

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

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, #03050a is the darkest color, while #fafbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070e19
```
#070e19 rgb(7,14,25)
```
#0c1628
```
#0c1628 rgb(12,22,40)
```
#101e38
```
#101e38 rgb(16,30,56)
```
#152647
```
#152647 rgb(21,38,71)
```
#192f56
```
#192f56 rgb(25,47,86)
```
#1d3765
```
#1d3765 rgb(29,55,101)
```
#223f74
```
#223f74 rgb(34,63,116)
```
#264784
```
#264784 rgb(38,71,132)
```
#2b5093
```
#2b5093 rgb(43,80,147)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#3360b1
```
#3360b1 rgb(51,96,177)
```
#3869c0
```
#3869c0 rgb(56,105,192)
```

Shade Color Variation

#4373c9
```
#4373c9 rgb(67,115,201)
```
#537ecd
```
#537ecd rgb(83,126,205)
```
#628ad1
```
#628ad1 rgb(98,138,209)
```
#7195d6
```
#7195d6 rgb(113,149,214)
```
#80a0da
```
#80a0da rgb(128,160,218)
```
#8facdf
```
#8facdf rgb(143,172,223)
```
#9fb7e3
```
#9fb7e3 rgb(159,183,227)
```
#aec2e7
```
#aec2e7 rgb(174,194,231)
```
#bdceec
```
#bdceec rgb(189,206,236)
```
#ccd9f0
```
#ccd9f0 rgb(204,217,240)
```
#dbe4f5
```
#dbe4f5 rgb(219,228,245)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67686a is the less saturated color, while #074cca is the most saturated one.

#67686a
```
#67686a rgb(103,104,106)
```
#5f6672
```
#5f6672 rgb(95,102,114)
```
#57647a
```
#57647a rgb(87,100,122)
```
#4f6182
```
#4f6182 rgb(79,97,130)
```
#475f8a
```
#475f8a rgb(71,95,138)
```
#3f5d92
```
#3f5d92 rgb(63,93,146)
```
#375a9a
```
#375a9a rgb(55,90,154)
```
#2f58a2
```
#2f58a2 rgb(47,88,162)
```
#2756aa
```
#2756aa rgb(39,86,170)
```
#1f53b2
```
#1f53b2 rgb(31,83,178)
```
#1751ba
```
#1751ba rgb(23,81,186)
```
#0f4fc2
```
#0f4fc2 rgb(15,79,194)
```
#074cca
```
#074cca rgb(7,76,202)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d60a6 Protanopia 1% of men
#1963a5 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#385da4 Protanomaly 1% of men, 0.01% of women
#215fa4 Deuteranomaly 6% of men, 0.4% of women
#116484 Tritanomaly 0.01% of the population

#2f58a2 hex color

#2f58a2 Color Information

#2f58a2 Color Conversion

Color Schemes with #2f58a2

Alternatives to #2f58a2

#2f58a2 Preview

Shades and Tints of #2f58a2

Tones of #2f58a2

Color Blindness Simulator