#2f5c67 hex color

In a RGB color space, hex #2f5c67 is composed of 18.4% red, 36.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 10.7% magenta, 0% yellow and 59.6% black. It has a hue angle of 191.8 degrees, a saturation of 37.3% and a lightness of 29.4%. #2f5c67 color hex could be obtained by blending #5eb8ce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 36
- B 40
RGB color chart
- C 54
- M 11
- Y 0
- K 60
CMYK color chart

● #2f5c67 color description : Very dark desaturated cyan.

The hexadecimal color #2f5c67 has RGB values of R:47, G:92, B:103 and CMYK values of C:0.54, M:0.11, Y:0, K:0.6. Its decimal value is 3103847.

Hex triplet	2f5c67	`#2f5c67`
RGB Decimal	47, 92, 103	`rgb(47,92,103)`
RGB Percent	18.4, 36.1, 40.4	`rgb(18.4%,36.1%,40.4%)`
CMYK	54, 11, 0, 60
HSL	191.8°, 37.3, 29.4	`hsl(191.8,37.3%,29.4%)`
HSV (or HSB)	191.8°, 54.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	36.437, -12.071, -11.066
XYZ	7.447, 9.237, 14.222
xyY	0.241, 0.299, 9.237
CIE-LCH	36.437, 16.376, 222.513
CIE-LUV	36.437, -18.928, -13.12
Hunter-Lab	30.393, -9.452, -6.468
Binary	00101111, 01011100, 01100111

#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#673a2f
```
#673a2f rgb(103,58,47)
```

Complementary Color

#2f6756
```
#2f6756 rgb(47,103,86)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#2f4067
```
#2f4067 rgb(47,64,103)
```

Analogous Color

#67562f
```
#67562f rgb(103,86,47)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#672f40
```
#672f40 rgb(103,47,64)
```

Split Complementary Color

#5c672f
```
#5c672f rgb(92,103,47)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#672f5c
```
#672f5c rgb(103,47,92)
```

Triadic Color

#2f673a
```
#2f673a rgb(47,103,58)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#672f5c
```
#672f5c rgb(103,47,92)
```
#673a2f
```
#673a2f rgb(103,58,47)
```

Tetradic Color

#172d32
```
#172d32 rgb(23,45,50)
```
#1f3d44
```
#1f3d44 rgb(31,61,68)
```
#274c55
```
#274c55 rgb(39,76,85)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#376c79
```
#376c79 rgb(55,108,121)
```
#3f7b8a
```
#3f7b8a rgb(63,123,138)
```
#478b9c
```
#478b9c rgb(71,139,156)
```

Monochromatic Color

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

#2f6764
```
#2f6764 rgb(47,103,100)
```
#2f6567
```
#2f6567 rgb(47,101,103)
```
#2f6167
```
#2f6167 rgb(47,97,103)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#2f5767
```
#2f5767 rgb(47,87,103)
```
#2f5367
```
#2f5367 rgb(47,83,103)
```
#2f4e67
```
#2f4e67 rgb(47,78,103)
```

Similar Colors

Text with hexadecimal color #2f5c67

This text has a font color of #2f5c67.

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

#2f5c67 background color

This paragraph has a background color of #2f5c67.

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

#2f5c67 border color

This element has a border color of #2f5c67.

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

CSS codes

.text {color:#2f5c67;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0a1416
```
#0a1416 rgb(10,20,22)
```
#102024
```
#102024 rgb(16,32,36)
```
#162c31
```
#162c31 rgb(22,44,49)
```
#1d383f
```
#1d383f rgb(29,56,63)
```
#23444c
```
#23444c rgb(35,68,76)
```
#29505a
```
#29505a rgb(41,80,90)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#356874
```
#356874 rgb(53,104,116)
```
#3b7482
```
#3b7482 rgb(59,116,130)
```
#41808f
```
#41808f rgb(65,128,143)
```
#488c9d
```
#488c9d rgb(72,140,157)
```
#4e98aa
```
#4e98aa rgb(78,152,170)
```

Shade Color Variation

#59a1b3
```
#59a1b3 rgb(89,161,179)
```
#66a9b9
```
#66a9b9 rgb(102,169,185)
```
#74b0bf
```
#74b0bf rgb(116,176,191)
```
#81b8c6
```
#81b8c6 rgb(129,184,198)
```
#8ec0cc
```
#8ec0cc rgb(142,192,204)
```
#9cc7d2
```
#9cc7d2 rgb(156,199,210)
```
#a9cfd8
```
#a9cfd8 rgb(169,207,216)
```
#b7d6de
```
#b7d6de rgb(183,214,222)
```
#c4dee4
```
#c4dee4 rgb(196,222,228)
```
#d2e6ea
```
#d2e6ea rgb(210,230,234)
```
#dfedf1
```
#dfedf1 rgb(223,237,241)
```
#edf5f7
```
#edf5f7 rgb(237,245,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464e50 is the less saturated color, while #017895 is the most saturated one.

#464e50
```
#464e50 rgb(70,78,80)
```
#405156
```
#405156 rgb(64,81,86)
```
#3b555b
```
#3b555b rgb(59,85,91)
```
#355861
```
#355861 rgb(53,88,97)
```
#2f5c67
```
#2f5c67 rgb(47,92,103)
```
#29606d
```
#29606d rgb(41,96,109)
```
#236373
```
#236373 rgb(35,99,115)
```
#1e6778
```
#1e6778 rgb(30,103,120)
```
#186a7e
```
#186a7e rgb(24,106,126)
```
#126e84
```
#126e84 rgb(18,110,132)
```
#0c718a
```
#0c718a rgb(12,113,138)
```
#07758f
```
#07758f rgb(7,117,143)
```
#017895
```
#017895 rgb(1,120,149)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#495255 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c5d6a Protanopia 1% of men
#5d5c71 Deuteranopia 1% of men
#38646c Tritanopia 0.001% of the population

Trichromacy

#4b5d69 Protanomaly 1% of men, 0.01% of women
#4c5c6d Deuteranomaly 6% of men, 0.4% of women
#35616a Tritanomaly 0.01% of the population

#2f5c67 hex color

#2f5c67 Color Information

#2f5c67 Color Conversion

Color Schemes with #2f5c67

Alternatives to #2f5c67

#2f5c67 Preview

Shades and Tints of #2f5c67

Tones of #2f5c67

Color Blindness Simulator