#2f87a6 hex color

In a RGB color space, hex #2f87a6 is composed of 18.4% red, 52.9% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 18.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 195.6 degrees, a saturation of 55.9% and a lightness of 41.8%. #2f87a6 color hex could be obtained by blending #5effff with #000f4d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 18
- G 53
- B 65
RGB color chart
- C 72
- M 19
- Y 0
- K 35
CMYK color chart

● #2f87a6 color description : Dark blue.

The hexadecimal color #2f87a6 has RGB values of R:47, G:135, B:166 and CMYK values of C:0.72, M:0.19, Y:0, K:0.35. Its decimal value is 3114918.

Hex triplet	2f87a6	`#2f87a6`
RGB Decimal	47, 135, 166	`rgb(47,135,166)`
RGB Percent	18.4, 52.9, 65.1	`rgb(18.4%,52.9%,65.1%)`
CMYK	72, 19, 0, 35
HSL	195.6°, 55.9, 41.8	`hsl(195.6,55.9%,41.8%)`
HSV (or HSB)	195.6°, 71.7, 65.1
Web Safe	339999	`#339999`

CIE-LAB	52.602, -15.555, -23.982
XYZ	16.717, 20.684, 39.186
xyY	0.218, 0.27, 20.684
CIE-LCH	52.602, 28.585, 237.032
CIE-LUV	52.602, -32.423, -33.897
Hunter-Lab	45.48, -13.977, -19.249
Binary	00101111, 10000111, 10100110

#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#a64e2f
```
#a64e2f rgb(166,78,47)
```

Complementary Color

#2fa68a
```
#2fa68a rgb(47,166,138)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#2f4ca6
```
#2f4ca6 rgb(47,76,166)
```

Analogous Color

#a68a2f
```
#a68a2f rgb(166,138,47)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#a62f4c
```
#a62f4c rgb(166,47,76)
```

Split Complementary Color

#87a62f
```
#87a62f rgb(135,166,47)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#a62f87
```
#a62f87 rgb(166,47,135)
```

Triadic Color

#2fa64e
```
#2fa64e rgb(47,166,78)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#a62f87
```
#a62f87 rgb(166,47,135)
```
#a64e2f
```
#a64e2f rgb(166,78,47)
```

Tetradic Color

#1e576a
```
#1e576a rgb(30,87,106)
```
#24677e
```
#24677e rgb(36,103,126)
```
#297792
```
#297792 rgb(41,119,146)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#3597ba
```
#3597ba rgb(53,151,186)
```
#3fa5c9
```
#3fa5c9 rgb(63,165,201)
```
#53aece
```
#53aece rgb(83,174,206)
```

Monochromatic Color

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

#2fa5a6
```
#2fa5a6 rgb(47,165,166)
```
#2f9ba6
```
#2f9ba6 rgb(47,155,166)
```
#2f91a6
```
#2f91a6 rgb(47,145,166)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#2f7da6
```
#2f7da6 rgb(47,125,166)
```
#2f73a6
```
#2f73a6 rgb(47,115,166)
```
#2f69a6
```
#2f69a6 rgb(47,105,166)
```

Similar Colors

Text with hexadecimal color #2f87a6

This text has a font color of #2f87a6.

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

#2f87a6 background color

This paragraph has a background color of #2f87a6.

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

#2f87a6 border color

This element has a border color of #2f87a6.

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

CSS codes

.text {color:#2f87a6;}

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

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

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, #040b0d is the darkest color, while #fdfefe is the lightest one.

#040b0d
```
#040b0d rgb(4,11,13)
```
#08171c
```
#08171c rgb(8,23,28)
```
#0c242c
```
#0c242c rgb(12,36,44)
```
#11303b
```
#11303b rgb(17,48,59)
```
#153c4a
```
#153c4a rgb(21,60,74)
```
#19495a
```
#19495a rgb(25,73,90)
```
#1e5569
```
#1e5569 rgb(30,85,105)
```
#226278
```
#226278 rgb(34,98,120)
```
#266e87
```
#266e87 rgb(38,110,135)
```
#2b7b97
```
#2b7b97 rgb(43,123,151)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#3393b5
```
#3393b5 rgb(51,147,181)
```
#38a0c5
```
#38a0c5 rgb(56,160,197)
```

Shade Color Variation

#45a8ca
```
#45a8ca rgb(69,168,202)
```
#55afcf
```
#55afcf rgb(85,175,207)
```
#64b6d3
```
#64b6d3 rgb(100,182,211)
```
#73bdd7
```
#73bdd7 rgb(115,189,215)
```
#83c5dc
```
#83c5dc rgb(131,197,220)
```
#92cce0
```
#92cce0 rgb(146,204,224)
```
#a1d3e4
```
#a1d3e4 rgb(161,211,228)
```
#b0dae9
```
#b0dae9 rgb(176,218,233)
```
#c0e1ed
```
#c0e1ed rgb(192,225,237)
```
#cfe8f1
```
#cfe8f1 rgb(207,232,241)
```
#def0f6
```
#def0f6 rgb(222,240,246)
```
#eef7fa
```
#eef7fa rgb(238,247,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c6d is the less saturated color, while #069bcf is the most saturated one.

#686c6d
```
#686c6d rgb(104,108,109)
```
#606f75
```
#606f75 rgb(96,111,117)
```
#58737d
```
#58737d rgb(88,115,125)
```
#507785
```
#507785 rgb(80,119,133)
```
#487b8d
```
#487b8d rgb(72,123,141)
```
#3f7f96
```
#3f7f96 rgb(63,127,150)
```
#37839e
```
#37839e rgb(55,131,158)
```
#2f87a6
```
#2f87a6 rgb(47,135,166)
```
#278bae
```
#278bae rgb(39,139,174)
```
#1f8fb6
```
#1f8fb6 rgb(31,143,182)
```
#1693bf
```
#1693bf rgb(22,147,191)
```
#0e97c7
```
#0e97c7 rgb(14,151,199)
```
#069bcf
```
#069bcf rgb(6,155,207)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#63757b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b82a3 Protanopia 1% of men
#7682ae Deuteranopia 1% of men
#2b909a Tritanopia 0.001% of the population

Trichromacy

#5f84a4 Protanomaly 1% of men, 0.01% of women
#5c84ab Deuteranomaly 6% of men, 0.4% of women
#2c8c9e Tritanomaly 0.01% of the population

#2f87a6 hex color

#2f87a6 Color Information

#2f87a6 Color Conversion

Color Schemes with #2f87a6

Alternatives to #2f87a6

#2f87a6 Preview

Shades and Tints of #2f87a6

Tones of #2f87a6

Color Blindness Simulator