#2f7784 hex color

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

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

● #2f7784 color description : Dark moderate cyan.

The hexadecimal color #2f7784 has RGB values of R:47, G:119, B:132 and CMYK values of C:0.64, M:0.1, Y:0, K:0.48. Its decimal value is 3110788.

Hex triplet	2f7784	`#2f7784`
RGB Decimal	47, 119, 132	`rgb(47,119,132)`
RGB Percent	18.4, 46.7, 51.8	`rgb(18.4%,46.7%,51.8%)`
CMYK	64, 10, 0, 48
HSL	189.2°, 47.5, 35.1	`hsl(189.2,47.5%,35.1%)`
HSV (or HSB)	189.2°, 64.4, 51.8
Web Safe	336699	`#336699`

CIE-LAB	46.262, -18.006, -13.773
XYZ	11.933, 15.463, 24.184
xyY	0.231, 0.3, 15.463
CIE-LCH	46.262, 22.67, 217.413
CIE-LUV	46.262, -28.264, -17.161
Hunter-Lab	39.323, -14.648, -8.938
Binary	00101111, 01110111, 10000100

#2f7784
```
#2f7784 rgb(47,119,132)
```
#843c2f
```
#843c2f rgb(132,60,47)
```

Complementary Color

#2f8467
```
#2f8467 rgb(47,132,103)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#2f4d84
```
#2f4d84 rgb(47,77,132)
```

Analogous Color

#84672f
```
#84672f rgb(132,103,47)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#842f4d
```
#842f4d rgb(132,47,77)
```

Split Complementary Color

#77842f
```
#77842f rgb(119,132,47)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#842f77
```
#842f77 rgb(132,47,119)
```

Triadic Color

#2f843c
```
#2f843c rgb(47,132,60)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#842f77
```
#842f77 rgb(132,47,119)
```
#843c2f
```
#843c2f rgb(132,60,47)
```

Tetradic Color

#1b444c
```
#1b444c rgb(27,68,76)
```
#22555e
```
#22555e rgb(34,85,94)
```
#286671
```
#286671 rgb(40,102,113)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#368897
```
#368897 rgb(54,136,151)
```
#3c99aa
```
#3c99aa rgb(60,153,170)
```
#43aabc
```
#43aabc rgb(67,170,188)
```

Monochromatic Color

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

#2f847c
```
#2f847c rgb(47,132,124)
```
#2f8483
```
#2f8483 rgb(47,132,131)
```
#2f7e84
```
#2f7e84 rgb(47,126,132)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#2f7084
```
#2f7084 rgb(47,112,132)
```
#2f6984
```
#2f6984 rgb(47,105,132)
```
#2f6284
```
#2f6284 rgb(47,98,132)
```

Similar Colors

Text with hexadecimal color #2f7784

This text has a font color of #2f7784.

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

#2f7784 background color

This paragraph has a background color of #2f7784.

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

#2f7784 border color

This element has a border color of #2f7784.

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

CSS codes

.text {color:#2f7784;}

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

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

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)
```
#205059
```
#205059 rgb(32,80,89)
```
#255d67
```
#255d67 rgb(37,93,103)
```
#2a6a76
```
#2a6a76 rgb(42,106,118)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#348492
```
#348492 rgb(52,132,146)
```
#3991a1
```
#3991a1 rgb(57,145,161)
```
#3e9eaf
```
#3e9eaf rgb(62,158,175)
```

Shade Color Variation

#45aabd
```
#45aabd rgb(69,170,189)
```
#53b1c2
```
#53b1c2 rgb(83,177,194)
```
#62b8c7
```
#62b8c7 rgb(98,184,199)
```
#70becc
```
#70becc rgb(112,190,204)
```
#7fc5d1
```
#7fc5d1 rgb(127,197,209)
```
#8dcbd6
```
#8dcbd6 rgb(141,203,214)
```
#9cd2dc
```
#9cd2dc rgb(156,210,220)
```
#aad8e1
```
#aad8e1 rgb(170,216,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 #0694ad 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)
```
#3d6d76
```
#3d6d76 rgb(61,109,118)
```
#36727d
```
#36727d rgb(54,114,125)
```
#2f7784
```
#2f7784 rgb(47,119,132)
```
#287c8b
```
#287c8b rgb(40,124,139)
```
#218192
```
#218192 rgb(33,129,146)
```
#1a8599
```
#1a8599 rgb(26,133,153)
```
#138aa0
```
#138aa0 rgb(19,138,160)
```
#0d8fa6
```
#0d8fa6 rgb(13,143,166)
```
#0694ad
```
#0694ad rgb(6,148,173)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#59676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#727484 Protanopia 1% of men
#72728e Deuteranopia 1% of men
#387e87 Tritanopia 0.001% of the population

Trichromacy

#597584 Protanomaly 1% of men, 0.01% of women
#59748a Deuteranomaly 6% of men, 0.4% of women
#347b86 Tritanomaly 0.01% of the population

#2f7784 hex color

#2f7784 Color Information

#2f7784 Color Conversion

Color Schemes with #2f7784

Alternatives to #2f7784

#2f7784 Preview

Shades and Tints of #2f7784

Tones of #2f7784

Color Blindness Simulator