#2f96a6 hex color

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

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

● #2f96a6 color description : Dark cyan.

The hexadecimal color #2f96a6 has RGB values of R:47, G:150, B:166 and CMYK values of C:0.72, M:0.1, Y:0, K:0.35. Its decimal value is 3118758.

Hex triplet	2f96a6	`#2f96a6`
RGB Decimal	47, 150, 166	`rgb(47,150,166)`
RGB Percent	18.4, 58.8, 65.1	`rgb(18.4%,58.8%,65.1%)`
CMYK	72, 10, 0, 35
HSL	188.1°, 55.9, 41.8	`hsl(188.1,55.9%,41.8%)`
HSV (or HSB)	188.1°, 71.7, 65.1
Web Safe	339999	`#339999`

CIE-LAB	57.239, -23.54, -16.885
XYZ	18.96, 25.169, 39.933
xyY	0.226, 0.299, 25.169
CIE-LCH	57.239, 28.97, 215.652
CIE-LUV	57.239, -37.911, -22.021
Hunter-Lab	50.168, -20.336, -12.076
Binary	00101111, 10010110, 10100110

#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#a63f2f
```
#a63f2f rgb(166,63,47)
```

Complementary Color

#2fa67b
```
#2fa67b rgb(47,166,123)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#2f5ba6
```
#2f5ba6 rgb(47,91,166)
```

Analogous Color

#a67b2f
```
#a67b2f rgb(166,123,47)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#a62f5b
```
#a62f5b rgb(166,47,91)
```

Split Complementary Color

#96a62f
```
#96a62f rgb(150,166,47)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#a62f96
```
#a62f96 rgb(166,47,150)
```

Triadic Color

#2fa63f
```
#2fa63f rgb(47,166,63)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#a62f96
```
#a62f96 rgb(166,47,150)
```
#a63f2f
```
#a63f2f rgb(166,63,47)
```

Tetradic Color

#1e606a
```
#1e606a rgb(30,96,106)
```
#24727e
```
#24727e rgb(36,114,126)
```
#298492
```
#298492 rgb(41,132,146)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#35a8ba
```
#35a8ba rgb(53,168,186)
```
#3fb6c9
```
#3fb6c9 rgb(63,182,201)
```
#53bece
```
#53bece rgb(83,190,206)
```

Monochromatic Color

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

#2fa698
```
#2fa698 rgb(47,166,152)
```
#2fa6a2
```
#2fa6a2 rgb(47,166,162)
```
#2fa0a6
```
#2fa0a6 rgb(47,160,166)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#2f8ca6
```
#2f8ca6 rgb(47,140,166)
```
#2f82a6
```
#2f82a6 rgb(47,130,166)
```
#2f78a6
```
#2f78a6 rgb(47,120,166)
```

Similar Colors

Text with hexadecimal color #2f96a6

This text has a font color of #2f96a6.

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

#2f96a6 background color

This paragraph has a background color of #2f96a6.

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

#2f96a6 border color

This element has a border color of #2f96a6.

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

CSS codes

.text {color:#2f96a6;}

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

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

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

#040c0d
```
#040c0d rgb(4,12,13)
```
#081a1c
```
#081a1c rgb(8,26,28)
```
#0c272c
```
#0c272c rgb(12,39,44)
```
#11353b
```
#11353b rgb(17,53,59)
```
#15434a
```
#15434a rgb(21,67,74)
```
#19515a
```
#19515a rgb(25,81,90)
```
#1e5f69
```
#1e5f69 rgb(30,95,105)
```
#226d78
```
#226d78 rgb(34,109,120)
```
#267a87
```
#267a87 rgb(38,122,135)
```
#2b8897
```
#2b8897 rgb(43,136,151)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#33a4b5
```
#33a4b5 rgb(51,164,181)
```
#38b2c5
```
#38b2c5 rgb(56,178,197)
```

Shade Color Variation

#45b9ca
```
#45b9ca rgb(69,185,202)
```
#55becf
```
#55becf rgb(85,190,207)
```
#64c4d3
```
#64c4d3 rgb(100,196,211)
```
#73cad7
```
#73cad7 rgb(115,202,215)
```
#83d0dc
```
#83d0dc rgb(131,208,220)
```
#92d6e0
```
#92d6e0 rgb(146,214,224)
```
#a1dbe4
```
#a1dbe4 rgb(161,219,228)
```
#b0e1e9
```
#b0e1e9 rgb(176,225,233)
```
#c0e7ed
```
#c0e7ed rgb(192,231,237)
```
#cfedf1
```
#cfedf1 rgb(207,237,241)
```
#def3f6
```
#def3f6 rgb(222,243,246)
```
#eef8fa
```
#eef8fa rgb(238,248,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 #06b4cf is the most saturated one.

#686c6d
```
#686c6d rgb(104,108,109)
```
#607275
```
#607275 rgb(96,114,117)
```
#58787d
```
#58787d rgb(88,120,125)
```
#507e85
```
#507e85 rgb(80,126,133)
```
#48848d
```
#48848d rgb(72,132,141)
```
#3f8a96
```
#3f8a96 rgb(63,138,150)
```
#37909e
```
#37909e rgb(55,144,158)
```
#2f96a6
```
#2f96a6 rgb(47,150,166)
```
#279cae
```
#279cae rgb(39,156,174)
```
#1fa2b6
```
#1fa2b6 rgb(31,162,182)
```
#16a8bf
```
#16a8bf rgb(22,168,191)
```
#0eaec7
```
#0eaec7 rgb(14,174,199)
```
#06b4cf
```
#06b4cf rgb(6,180,207)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8ea2 Protanopia 1% of men
#8b8cb0 Deuteranopia 1% of men
#379ca7 Tritanopia 0.001% of the population

Trichromacy

#6a91a3 Protanomaly 1% of men, 0.01% of women
#6990ac Deuteranomaly 6% of men, 0.4% of women
#3499a6 Tritanomaly 0.01% of the population

#2f96a6 hex color

#2f96a6 Color Information

#2f96a6 Color Conversion

Color Schemes with #2f96a6

Alternatives to #2f96a6

#2f96a6 Preview

Shades and Tints of #2f96a6

Tones of #2f96a6

Color Blindness Simulator