#2f7884 hex color

In a RGB color space, hex #2f7884 is composed of 18.4% red, 47.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 9.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 188.5 degrees, a saturation of 47.5% and a lightness of 35.1%. #2f7884 color hex could be obtained by blending #5ef0ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 47
- B 52
RGB color chart
- C 64
- M 9
- Y 0
- K 48
CMYK color chart

● #2f7884 color description : Dark moderate cyan.

The hexadecimal color #2f7884 has RGB values of R:47, G:120, B:132 and CMYK values of C:0.64, M:0.09, Y:0, K:0.48. Its decimal value is 3111044.

Hex triplet	2f7884	`#2f7884`
RGB Decimal	47, 120, 132	`rgb(47,120,132)`
RGB Percent	18.4, 47.1, 51.8	`rgb(18.4%,47.1%,51.8%)`
CMYK	64, 9, 0, 48
HSL	188.5°, 47.5, 35.1	`hsl(188.5,47.5%,35.1%)`
HSV (or HSB)	188.5°, 64.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	46.581, -18.55, -13.289
XYZ	12.052, 15.702, 24.224
xyY	0.232, 0.302, 15.702
CIE-LCH	46.581, 22.819, 215.618
CIE-LUV	46.581, -28.646, -16.391
Hunter-Lab	39.626, -15.054, -8.507
Binary	00101111, 01111000, 10000100

#2f7884
```
#2f7884 rgb(47,120,132)
```
#843b2f
```
#843b2f rgb(132,59,47)
```

Complementary Color

#2f8466
```
#2f8466 rgb(47,132,102)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#2f4e84
```
#2f4e84 rgb(47,78,132)
```

Analogous Color

#84662f
```
#84662f rgb(132,102,47)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#842f4e
```
#842f4e rgb(132,47,78)
```

Split Complementary Color

#78842f
```
#78842f rgb(120,132,47)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#842f78
```
#842f78 rgb(132,47,120)
```

Triadic Color

#2f843b
```
#2f843b rgb(47,132,59)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#842f78
```
#842f78 rgb(132,47,120)
```
#843b2f
```
#843b2f rgb(132,59,47)
```

Tetradic Color

#1b454c
```
#1b454c rgb(27,69,76)
```
#22565e
```
#22565e rgb(34,86,94)
```
#286771
```
#286771 rgb(40,103,113)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#368997
```
#368997 rgb(54,137,151)
```
#3c9aaa
```
#3c9aaa rgb(60,154,170)
```
#43abbc
```
#43abbc rgb(67,171,188)
```

Monochromatic Color

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

#2f847b
```
#2f847b rgb(47,132,123)
```
#2f8482
```
#2f8482 rgb(47,132,130)
```
#2f7f84
```
#2f7f84 rgb(47,127,132)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#2f7184
```
#2f7184 rgb(47,113,132)
```
#2f6a84
```
#2f6a84 rgb(47,106,132)
```
#2f6384
```
#2f6384 rgb(47,99,132)
```

Similar Colors

Text with hexadecimal color #2f7884

This text has a font color of #2f7884.

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

#2f7884 background color

This paragraph has a background color of #2f7884.

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

#2f7884 border color

This element has a border color of #2f7884.

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

CSS codes

.text {color:#2f7884;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f10
```
#060f10 rgb(6,15,16)
```
#0b1c1f
```
#0b1c1f rgb(11,28,31)
```
#10292d
```
#10292d rgb(16,41,45)
```
#15363c
```
#15363c rgb(21,54,60)
```
#1a434a
```
#1a434a rgb(26,67,74)
```
#205159
```
#205159 rgb(32,81,89)
```
#255e67
```
#255e67 rgb(37,94,103)
```
#2a6b76
```
#2a6b76 rgb(42,107,118)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#348592
```
#348592 rgb(52,133,146)
```
#3992a1
```
#3992a1 rgb(57,146,161)
```
#3e9faf
```
#3e9faf rgb(62,159,175)
```

Shade Color Variation

#45acbd
```
#45acbd rgb(69,172,189)
```
#53b2c2
```
#53b2c2 rgb(83,178,194)
```
#62b9c7
```
#62b9c7 rgb(98,185,199)
```
#70bfcc
```
#70bfcc rgb(112,191,204)
```
#7fc6d1
```
#7fc6d1 rgb(127,198,209)
```
#8dccd6
```
#8dccd6 rgb(141,204,214)
```
#9cd3dc
```
#9cd3dc rgb(156,211,220)
```
#aad9e1
```
#aad9e1 rgb(170,217,225)
```
#b8dfe6
```
#b8dfe6 rgb(184,223,230)
```
#c7e6eb
```
#c7e6eb rgb(199,230,235)
```
#d5ecf0
```
#d5ecf0 rgb(213,236,240)
```
#e4f3f5
```
#e4f3f5 rgb(228,243,245)
```
#f2f9fa
```
#f2f9fa rgb(242,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585a5b is the less saturated color, while #0696ad is the most saturated one.

#585a5b
```
#585a5b rgb(88,90,91)
```
#515f62
```
#515f62 rgb(81,95,98)
```
#4b6468
```
#4b6468 rgb(75,100,104)
```
#44696f
```
#44696f rgb(68,105,111)
```
#3d6e76
```
#3d6e76 rgb(61,110,118)
```
#36737d
```
#36737d rgb(54,115,125)
```
#2f7884
```
#2f7884 rgb(47,120,132)
```
#287d8b
```
#287d8b rgb(40,125,139)
```
#218292
```
#218292 rgb(33,130,146)
```
#1a8799
```
#1a8799 rgb(26,135,153)
```
#138ca0
```
#138ca0 rgb(19,140,160)
```
#0d91a6
```
#0d91a6 rgb(13,145,166)
```
#0696ad
```
#0696ad rgb(6,150,173)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#59686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#737584 Protanopia 1% of men
#73738e Deuteranopia 1% of men
#387f88 Tritanopia 0.001% of the population

Trichromacy

#5a7684 Protanomaly 1% of men, 0.01% of women
#5a758a Deuteranomaly 6% of men, 0.4% of women
#357c86 Tritanomaly 0.01% of the population

#2f7884 hex color

#2f7884 Color Information

#2f7884 Color Conversion

Color Schemes with #2f7884

Alternatives to #2f7884

#2f7884 Preview

Shades and Tints of #2f7884

Tones of #2f7884

Color Blindness Simulator