#2f849a hex color

In a RGB color space, hex #2f849a is composed of 18.4% red, 51.8% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 14.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 192.3 degrees, a saturation of 53.2% and a lightness of 39.4%. #2f849a color hex could be obtained by blending #5effff with #000935. Closest websafe color is: #339999.

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

● #2f849a color description : Dark moderate cyan.

The hexadecimal color #2f849a has RGB values of R:47, G:132, B:154 and CMYK values of C:0.69, M:0.14, Y:0, K:0.4. Its decimal value is 3114138.

Hex triplet	2f849a	`#2f849a`
RGB Decimal	47, 132, 154	`rgb(47,132,154)`
RGB Percent	18.4, 51.8, 60.4	`rgb(18.4%,51.8%,60.4%)`
CMYK	69, 14, 0, 40
HSL	192.3°, 53.2, 39.4	`hsl(192.3,53.2%,39.4%)`
HSV (or HSB)	192.3°, 69.5, 60.4
Web Safe	339999	`#339999`

CIE-LAB	51.197, -17.918, -19.186
XYZ	15.255, 19.439, 33.518
xyY	0.224, 0.285, 19.439
CIE-LCH	51.197, 26.252, 226.958
CIE-LUV	51.197, -31.986, -25.89
Hunter-Lab	44.089, -15.396, -14.212
Binary	00101111, 10000100, 10011010

#2f849a
```
#2f849a rgb(47,132,154)
```
#9a452f
```
#9a452f rgb(154,69,47)
```

Complementary Color

#2f9a7b
```
#2f9a7b rgb(47,154,123)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#2f4f9a
```
#2f4f9a rgb(47,79,154)
```

Analogous Color

#9a7b2f
```
#9a7b2f rgb(154,123,47)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#9a2f4f
```
#9a2f4f rgb(154,47,79)
```

Split Complementary Color

#849a2f
```
#849a2f rgb(132,154,47)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#9a2f84
```
#9a2f84 rgb(154,47,132)
```

Triadic Color

#2f9a45
```
#2f9a45 rgb(47,154,69)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#9a2f84
```
#9a2f84 rgb(154,47,132)
```
#9a452f
```
#9a452f rgb(154,69,47)
```

Tetradic Color

#1d525f
```
#1d525f rgb(29,82,95)
```
#236373
```
#236373 rgb(35,99,115)
```
#297386
```
#297386 rgb(41,115,134)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#3595ae
```
#3595ae rgb(53,149,174)
```
#3ba5c1
```
#3ba5c1 rgb(59,165,193)
```
#4dafc9
```
#4dafc9 rgb(77,175,201)
```

Monochromatic Color

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

#2f9a95
```
#2f9a95 rgb(47,154,149)
```
#2f969a
```
#2f969a rgb(47,150,154)
```
#2f8d9a
```
#2f8d9a rgb(47,141,154)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#2f7b9a
```
#2f7b9a rgb(47,123,154)
```
#2f729a
```
#2f729a rgb(47,114,154)
```
#2f699a
```
#2f699a rgb(47,105,154)
```

Similar Colors

Text with hexadecimal color #2f849a

This text has a font color of #2f849a.

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

#2f849a background color

This paragraph has a background color of #2f849a.

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

#2f849a border color

This element has a border color of #2f849a.

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

CSS codes

.text {color:#2f849a;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#061013
```
#061013 rgb(6,16,19)
```
#0a1d22
```
#0a1d22 rgb(10,29,34)
```
#0f2a31
```
#0f2a31 rgb(15,42,49)
```
#133740
```
#133740 rgb(19,55,64)
```
#18444f
```
#18444f rgb(24,68,79)
```
#1d505e
```
#1d505e rgb(29,80,94)
```
#215d6d
```
#215d6d rgb(33,93,109)
```
#266a7c
```
#266a7c rgb(38,106,124)
```
#2a778b
```
#2a778b rgb(42,119,139)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#3491a9
```
#3491a9 rgb(52,145,169)
```
#389eb8
```
#389eb8 rgb(56,158,184)
```

Shade Color Variation

#3fa9c5
```
#3fa9c5 rgb(63,169,197)
```
#4eb0c9
```
#4eb0c9 rgb(78,176,201)
```
#5db7ce
```
#5db7ce rgb(93,183,206)
```
#6cbdd2
```
#6cbdd2 rgb(108,189,210)
```
#7bc4d7
```
#7bc4d7 rgb(123,196,215)
```
#8acbdb
```
#8acbdb rgb(138,203,219)
```
#9ad2e0
```
#9ad2e0 rgb(154,210,224)
```
#a9d8e5
```
#a9d8e5 rgb(169,216,229)
```
#b8dfe9
```
#b8dfe9 rgb(184,223,233)
```
#c7e6ee
```
#c7e6ee rgb(199,230,238)
```
#d6ecf2
```
#d6ecf2 rgb(214,236,242)
```
#e5f3f7
```
#e5f3f7 rgb(229,243,247)
```
#f4fafc
```
#f4fafc rgb(244,250,252)
```

Tint Color Variation

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

#5d696c
```
#5d696c rgb(93,105,108)
```
#566d73
```
#566d73 rgb(86,109,115)
```
#4e727b
```
#4e727b rgb(78,114,123)
```
#467683
```
#467683 rgb(70,118,131)
```
#3e7b8b
```
#3e7b8b rgb(62,123,139)
```
#377f92
```
#377f92 rgb(55,127,146)
```
#2f849a
```
#2f849a rgb(47,132,154)
```
#2789a2
```
#2789a2 rgb(39,137,162)
```
#208da9
```
#208da9 rgb(32,141,169)
```
#1892b1
```
#1892b1 rgb(24,146,177)
```
#1096b9
```
#1096b9 rgb(16,150,185)
```
#089bc1
```
#089bc1 rgb(8,155,193)
```
#019fc8
```
#019fc8 rgb(1,159,200)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#617276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7f98 Protanopia 1% of men
#787ea3 Deuteranopia 1% of men
#338c96 Tritanopia 0.001% of the population

Trichromacy

#5f8199 Protanomaly 1% of men, 0.01% of women
#5e80a0 Deuteranomaly 6% of men, 0.4% of women
#318997 Tritanomaly 0.01% of the population

#2f849a hex color

#2f849a Color Information

#2f849a Color Conversion

Color Schemes with #2f849a

Alternatives to #2f849a

#2f849a Preview

Shades and Tints of #2f849a

Tones of #2f849a

Color Blindness Simulator