#2f5b67 hex color

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

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

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

The hexadecimal color #2f5b67 has RGB values of R:47, G:91, B:103 and CMYK values of C:0.54, M:0.12, Y:0, K:0.6. Its decimal value is 3103591.

Hex triplet	2f5b67	`#2f5b67`
RGB Decimal	47, 91, 103	`rgb(47,91,103)`
RGB Percent	18.4, 35.7, 40.4	`rgb(18.4%,35.7%,40.4%)`
CMYK	54, 12, 0, 60
HSL	192.9°, 37.3, 29.4	`hsl(192.9,37.3%,29.4%)`
HSV (or HSB)	192.9°, 54.4, 40.4
Web Safe	336666	`#336666`

CIE-LAB	36.11, -11.486, -11.563
XYZ	7.361, 9.065, 14.193
xyY	0.24, 0.296, 9.065
CIE-LCH	36.11, 16.298, 225.192
CIE-LUV	36.11, -18.529, -13.85
Hunter-Lab	30.109, -9.051, -6.873
Binary	00101111, 01011011, 01100111

#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#673b2f
```
#673b2f rgb(103,59,47)
```

Complementary Color

#2f6757
```
#2f6757 rgb(47,103,87)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#2f3f67
```
#2f3f67 rgb(47,63,103)
```

Analogous Color

#67572f
```
#67572f rgb(103,87,47)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#672f3f
```
#672f3f rgb(103,47,63)
```

Split Complementary Color

#5b672f
```
#5b672f rgb(91,103,47)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#672f5b
```
#672f5b rgb(103,47,91)
```

Triadic Color

#2f673b
```
#2f673b rgb(47,103,59)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#672f5b
```
#672f5b rgb(103,47,91)
```
#673b2f
```
#673b2f rgb(103,59,47)
```

Tetradic Color

#172d32
```
#172d32 rgb(23,45,50)
```
#1f3c44
```
#1f3c44 rgb(31,60,68)
```
#274c55
```
#274c55 rgb(39,76,85)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#376a79
```
#376a79 rgb(55,106,121)
```
#3f7a8a
```
#3f7a8a rgb(63,122,138)
```
#47899c
```
#47899c rgb(71,137,156)
```

Monochromatic Color

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

#2f6765
```
#2f6765 rgb(47,103,101)
```
#2f6467
```
#2f6467 rgb(47,100,103)
```
#2f6067
```
#2f6067 rgb(47,96,103)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#2f5667
```
#2f5667 rgb(47,86,103)
```
#2f5267
```
#2f5267 rgb(47,82,103)
```
#2f4d67
```
#2f4d67 rgb(47,77,103)
```

Similar Colors

Text with hexadecimal color #2f5b67

This text has a font color of #2f5b67.

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

#2f5b67 background color

This paragraph has a background color of #2f5b67.

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

#2f5b67 border color

This element has a border color of #2f5b67.

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

CSS codes

.text {color:#2f5b67;}

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

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

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)
```
#162b31
```
#162b31 rgb(22,43,49)
```
#1d373f
```
#1d373f rgb(29,55,63)
```
#23434c
```
#23434c rgb(35,67,76)
```
#294f5a
```
#294f5a rgb(41,79,90)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#356774
```
#356774 rgb(53,103,116)
```
#3b7382
```
#3b7382 rgb(59,115,130)
```
#417f8f
```
#417f8f rgb(65,127,143)
```
#488b9d
```
#488b9d rgb(72,139,157)
```
#4e97aa
```
#4e97aa rgb(78,151,170)
```

Shade Color Variation

#59a0b3
```
#59a0b3 rgb(89,160,179)
```
#66a7b9
```
#66a7b9 rgb(102,167,185)
```
#74afbf
```
#74afbf rgb(116,175,191)
```
#81b7c6
```
#81b7c6 rgb(129,183,198)
```
#8ebfcc
```
#8ebfcc rgb(142,191,204)
```
#9cc6d2
```
#9cc6d2 rgb(156,198,210)
```
#a9ced8
```
#a9ced8 rgb(169,206,216)
```
#b7d6de
```
#b7d6de rgb(183,214,222)
```
#c4dde4
```
#c4dde4 rgb(196,221,228)
```
#d2e5ea
```
#d2e5ea rgb(210,229,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 #017595 is the most saturated one.

#464e50
```
#464e50 rgb(70,78,80)
```
#405156
```
#405156 rgb(64,81,86)
```
#3b545b
```
#3b545b rgb(59,84,91)
```
#355861
```
#355861 rgb(53,88,97)
```
#2f5b67
```
#2f5b67 rgb(47,91,103)
```
#295e6d
```
#295e6d rgb(41,94,109)
```
#236273
```
#236273 rgb(35,98,115)
```
#1e6578
```
#1e6578 rgb(30,101,120)
```
#18687e
```
#18687e rgb(24,104,126)
```
#126b84
```
#126b84 rgb(18,107,132)
```
#0c6f8a
```
#0c6f8a rgb(12,111,138)
```
#07728f
```
#07728f rgb(7,114,143)
```
#017595
```
#017595 rgb(1,117,149)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#495154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5d6b Protanopia 1% of men
#5b5c71 Deuteranopia 1% of men
#38646b Tritanopia 0.001% of the population

Trichromacy

#4b5c69 Protanomaly 1% of men, 0.01% of women
#4b5b6d Deuteranomaly 6% of men, 0.4% of women
#346069 Tritanomaly 0.01% of the population

#2f5b67 hex color

#2f5b67 Color Information

#2f5b67 Color Conversion

Color Schemes with #2f5b67

Alternatives to #2f5b67

#2f5b67 Preview

Shades and Tints of #2f5b67

Tones of #2f5b67

Color Blindness Simulator