#2f7774 hex color

In a RGB color space, hex #2f7774 is composed of 18.4% red, 46.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 0% magenta, 2.5% yellow and 53.3% black. It has a hue angle of 177.5 degrees, a saturation of 43.4% and a lightness of 32.5%. #2f7774 color hex could be obtained by blending #5eeee8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 47
- B 45
RGB color chart
- C 61
- M 0
- Y 3
- K 53
CMYK color chart

● #2f7774 color description : Dark moderate cyan.

The hexadecimal color #2f7774 has RGB values of R:47, G:119, B:116 and CMYK values of C:0.61, M:0, Y:0.03, K:0.53. Its decimal value is 3110772.

Hex triplet	2f7774	`#2f7774`
RGB Decimal	47, 119, 116	`rgb(47,119,116)`
RGB Percent	18.4, 46.7, 45.5	`rgb(18.4%,46.7%,45.5%)`
CMYK	61, 0, 3, 53
HSL	177.5°, 43.4, 32.5	`hsl(177.5,43.4%,32.5%)`
HSV (or HSB)	177.5°, 60.5, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.714, -22.933, -5.07
XYZ	10.921, 15.058, 18.853
xyY	0.244, 0.336, 15.058
CIE-LCH	45.714, 23.487, 192.467
CIE-LUV	45.714, -29.079, -3.776
Hunter-Lab	38.805, -17.674, -1.642
Binary	00101111, 01110111, 01110100

#2f7774
```
#2f7774 rgb(47,119,116)
```
#772f32
```
#772f32 rgb(119,47,50)
```

Complementary Color

#2f7750
```
#2f7750 rgb(47,119,80)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#2f5677
```
#2f5677 rgb(47,86,119)
```

Analogous Color

#77502f
```
#77502f rgb(119,80,47)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#772f56
```
#772f56 rgb(119,47,86)
```

Split Complementary Color

#77742f
```
#77742f rgb(119,116,47)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#742f77
```
#742f77 rgb(116,47,119)
```

Triadic Color

#32772f
```
#32772f rgb(50,119,47)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#742f77
```
#742f77 rgb(116,47,119)
```
#772f32
```
#772f32 rgb(119,47,50)
```

Tetradic Color

#19403f
```
#19403f rgb(25,64,63)
```
#215250
```
#215250 rgb(33,82,80)
```
#286562
```
#286562 rgb(40,101,98)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#368986
```
#368986 rgb(54,137,134)
```
#3d9c98
```
#3d9c98 rgb(61,156,152)
```
#45aea9
```
#45aea9 rgb(69,174,169)
```

Monochromatic Color

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

#2f7762
```
#2f7762 rgb(47,119,98)
```
#2f7768
```
#2f7768 rgb(47,119,104)
```
#2f776e
```
#2f776e rgb(47,119,110)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#2f7477
```
#2f7477 rgb(47,116,119)
```
#2f6e77
```
#2f6e77 rgb(47,110,119)
```
#2f6877
```
#2f6877 rgb(47,104,119)
```

Similar Colors

Text with hexadecimal color #2f7774

This text has a font color of #2f7774.

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

#2f7774 background color

This paragraph has a background color of #2f7774.

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

#2f7774 border color

This element has a border color of #2f7774.

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

CSS codes

.text {color:#2f7774;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#081514
```
#081514 rgb(8,21,20)
```
#0e2322
```
#0e2322 rgb(14,35,34)
```
#13312f
```
#13312f rgb(19,49,47)
```
#193f3d
```
#193f3d rgb(25,63,61)
```
#1e4d4b
```
#1e4d4b rgb(30,77,75)
```
#245b59
```
#245b59 rgb(36,91,89)
```
#296966
```
#296966 rgb(41,105,102)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#358582
```
#358582 rgb(53,133,130)
```
#3a938f
```
#3a938f rgb(58,147,143)
```
#40a19d
```
#40a19d rgb(64,161,157)
```
#45afab
```
#45afab rgb(69,175,171)
```

Shade Color Variation

#4fb9b5
```
#4fb9b5 rgb(79,185,181)
```
#5dbfbb
```
#5dbfbb rgb(93,191,187)
```
#6bc4c1
```
#6bc4c1 rgb(107,196,193)
```
#79cac7
```
#79cac7 rgb(121,202,199)
```
#87d0cd
```
#87d0cd rgb(135,208,205)
```
#95d5d2
```
#95d5d2 rgb(149,213,210)
```
#a3dbd8
```
#a3dbd8 rgb(163,219,216)
```
#b1e0de
```
#b1e0de rgb(177,224,222)
```
#bfe6e4
```
#bfe6e4 rgb(191,230,228)
```
#cdebea
```
#cdebea rgb(205,235,234)
```
#dbf1f0
```
#dbf1f0 rgb(219,241,240)
```
#e9f6f6
```
#e9f6f6 rgb(233,246,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5757 is the less saturated color, while #02a49d is the most saturated one.

#4f5757
```
#4f5757 rgb(79,87,87)
```
#495d5d
```
#495d5d rgb(73,93,93)
```
#426462
```
#426462 rgb(66,100,98)
```
#3c6a68
```
#3c6a68 rgb(60,106,104)
```
#35716e
```
#35716e rgb(53,113,110)
```
#2f7774
```
#2f7774 rgb(47,119,116)
```
#297d7a
```
#297d7a rgb(41,125,122)
```
#228480
```
#228480 rgb(34,132,128)
```
#1c8a86
```
#1c8a86 rgb(28,138,134)
```
#15918b
```
#15918b rgb(21,145,139)
```
#0f9791
```
#0f9791 rgb(15,151,145)
```
#099d97
```
#099d97 rgb(9,157,151)
```
#02a49d
```
#02a49d rgb(2,164,157)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576565 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757375 Protanopia 1% of men
#78717f Deuteranopia 1% of men
#3f7c85 Tritanopia 0.001% of the population

Trichromacy

#5b7474 Protanomaly 1% of men, 0.01% of women
#5d737b Deuteranomaly 6% of men, 0.4% of women
#397a7f Tritanomaly 0.01% of the population

#2f7774 hex color

#2f7774 Color Information

#2f7774 Color Conversion

Color Schemes with #2f7774

Alternatives to #2f7774

#2f7774 Preview

Shades and Tints of #2f7774

Tones of #2f7774

Color Blindness Simulator