#2f7a99 hex color

In a RGB color space, hex #2f7a99 is composed of 18.4% red, 47.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 20.3% magenta, 0% yellow and 40% black. It has a hue angle of 197.5 degrees, a saturation of 53% and a lightness of 39.2%. #2f7a99 color hex could be obtained by blending #5ef4ff with #000033. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 48
- B 60
RGB color chart
- C 69
- M 20
- Y 0
- K 40
CMYK color chart

● #2f7a99 color description : Dark moderate blue.

The hexadecimal color #2f7a99 has RGB values of R:47, G:122, B:153 and CMYK values of C:0.69, M:0.2, Y:0, K:0.4. Its decimal value is 3111577.

Hex triplet	2f7a99	`#2f7a99`
RGB Decimal	47, 122, 153	`rgb(47,122,153)`
RGB Percent	18.4, 47.8, 60	`rgb(18.4%,47.8%,60%)`
CMYK	69, 20, 0, 40
HSL	197.5°, 53, 39.2	`hsl(197.5,53%,39.2%)`
HSV (or HSB)	197.5°, 69.3, 60
Web Safe	336699	`#336699`

CIE-LAB	48.035, -12.711, -23.462
XYZ	13.88, 16.822, 32.651
xyY	0.219, 0.266, 16.822
CIE-LCH	48.035, 26.684, 241.551
CIE-LUV	48.035, -28.338, -32.841
Hunter-Lab	41.015, -11.369, -18.489
Binary	00101111, 01111010, 10011001

#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#994e2f
```
#994e2f rgb(153,78,47)
```

Complementary Color

#2f9983
```
#2f9983 rgb(47,153,131)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#2f4599
```
#2f4599 rgb(47,69,153)
```

Analogous Color

#99832f
```
#99832f rgb(153,131,47)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#992f45
```
#992f45 rgb(153,47,69)
```

Split Complementary Color

#7a992f
```
#7a992f rgb(122,153,47)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#992f7a
```
#992f7a rgb(153,47,122)
```

Triadic Color

#2f994e
```
#2f994e rgb(47,153,78)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#992f7a
```
#992f7a rgb(153,47,122)
```
#994e2f
```
#994e2f rgb(153,78,47)
```

Tetradic Color

#1d4b5e
```
#1d4b5e rgb(29,75,94)
```
#235b72
```
#235b72 rgb(35,91,114)
```
#296a85
```
#296a85 rgb(41,106,133)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#358aad
```
#358aad rgb(53,138,173)
```
#3b99c0
```
#3b99c0 rgb(59,153,192)
```
#4ca4c8
```
#4ca4c8 rgb(76,164,200)
```

Monochromatic Color

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

#2f9599
```
#2f9599 rgb(47,149,153)
```
#2f8c99
```
#2f8c99 rgb(47,140,153)
```
#2f8399
```
#2f8399 rgb(47,131,153)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#2f7199
```
#2f7199 rgb(47,113,153)
```
#2f6899
```
#2f6899 rgb(47,104,153)
```
#2f6099
```
#2f6099 rgb(47,96,153)
```

Similar Colors

Text with hexadecimal color #2f7a99

This text has a font color of #2f7a99.

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

#2f7a99 background color

This paragraph has a background color of #2f7a99.

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

#2f7a99 border color

This element has a border color of #2f7a99.

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

CSS codes

.text {color:#2f7a99;}

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

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

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 #f3f9fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060e12
```
#060e12 rgb(6,14,18)
```
#0a1a21
```
#0a1a21 rgb(10,26,33)
```
#0f2630
```
#0f2630 rgb(15,38,48)
```
#13323f
```
#13323f rgb(19,50,63)
```
#183e4e
```
#183e4e rgb(24,62,78)
```
#1d4a5d
```
#1d4a5d rgb(29,74,93)
```
#21566c
```
#21566c rgb(33,86,108)
```
#26627b
```
#26627b rgb(38,98,123)
```
#2a6e8a
```
#2a6e8a rgb(42,110,138)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#3486a8
```
#3486a8 rgb(52,134,168)
```
#3892b7
```
#3892b7 rgb(56,146,183)
```

Shade Color Variation

#3f9dc4
```
#3f9dc4 rgb(63,157,196)
```
#4ea5c9
```
#4ea5c9 rgb(78,165,201)
```
#5daccd
```
#5daccd rgb(93,172,205)
```
#6cb4d2
```
#6cb4d2 rgb(108,180,210)
```
#7bbcd6
```
#7bbcd6 rgb(123,188,214)
```
#8ac3db
```
#8ac3db rgb(138,195,219)
```
#99cbe0
```
#99cbe0 rgb(153,203,224)
```
#a8d3e4
```
#a8d3e4 rgb(168,211,228)
```
#b7dae9
```
#b7dae9 rgb(183,218,233)
```
#c6e2ed
```
#c6e2ed rgb(198,226,237)
```
#d5eaf2
```
#d5eaf2 rgb(213,234,242)
```
#e4f1f7
```
#e4f1f7 rgb(228,241,247)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d676b is the less saturated color, while #018dc7 is the most saturated one.

#5d676b
```
#5d676b rgb(93,103,107)
```
#556a73
```
#556a73 rgb(85,106,115)
```
#4e6d7a
```
#4e6d7a rgb(78,109,122)
```
#467082
```
#467082 rgb(70,112,130)
```
#3e748a
```
#3e748a rgb(62,116,138)
```
#377791
```
#377791 rgb(55,119,145)
```
#2f7a99
```
#2f7a99 rgb(47,122,153)
```
#277da1
```
#277da1 rgb(39,125,161)
```
#2080a8
```
#2080a8 rgb(32,128,168)
```
#1884b0
```
#1884b0 rgb(24,132,176)
```
#1087b8
```
#1087b8 rgb(16,135,184)
```
#098abf
```
#098abf rgb(9,138,191)
```
#018dc7
```
#018dc7 rgb(1,141,199)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707898 Protanopia 1% of men
#6b77a1 Deuteranopia 1% of men
#2c848d Tritanopia 0.001% of the population

Trichromacy

#587898 Protanomaly 1% of men, 0.01% of women
#55789e Deuteranomaly 6% of men, 0.4% of women
#2d8091 Tritanomaly 0.01% of the population

#2f7a99 hex color

#2f7a99 Color Information

#2f7a99 Color Conversion

Color Schemes with #2f7a99

Alternatives to #2f7a99

#2f7a99 Preview

Shades and Tints of #2f7a99

Tones of #2f7a99

Color Blindness Simulator