#2f566e hex color

In a RGB color space, hex #2f566e is composed of 18.4% red, 33.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 21.8% magenta, 0% yellow and 56.9% black. It has a hue angle of 202.9 degrees, a saturation of 40.1% and a lightness of 30.8%. #2f566e color hex could be obtained by blending #5eacdc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 34
- B 43
RGB color chart
- C 57
- M 22
- Y 0
- K 57
CMYK color chart

● #2f566e color description : Very dark desaturated blue.

The hexadecimal color #2f566e has RGB values of R:47, G:86, B:110 and CMYK values of C:0.57, M:0.22, Y:0, K:0.57. Its decimal value is 3102318.

Hex triplet	2f566e	`#2f566e`
RGB Decimal	47, 86, 110	`rgb(47,86,110)`
RGB Percent	18.4, 33.7, 43.1	`rgb(18.4%,33.7%,43.1%)`
CMYK	57, 22, 0, 57
HSL	202.9°, 40.1, 30.8	`hsl(202.9,40.1%,30.8%)`
HSV (or HSB)	202.9°, 57.3, 43.1
Web Safe	336666	`#336666`

CIE-LAB	34.773, -6.178, -17.966
XYZ	7.314, 8.385, 15.984
xyY	0.231, 0.265, 8.385
CIE-LCH	34.773, 18.998, 251.024
CIE-LUV	34.773, -16.386, -23.277
Hunter-Lab	28.957, -5.591, -12.457
Binary	00101111, 01010110, 01101110

#2f566e
```
#2f566e rgb(47,86,110)
```
#6e472f
```
#6e472f rgb(110,71,47)
```

Complementary Color

#2f6e67
```
#2f6e67 rgb(47,110,103)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#2f376e
```
#2f376e rgb(47,55,110)
```

Analogous Color

#6e672f
```
#6e672f rgb(110,103,47)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#6e2f37
```
#6e2f37 rgb(110,47,55)
```

Split Complementary Color

#566e2f
```
#566e2f rgb(86,110,47)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#6e2f56
```
#6e2f56 rgb(110,47,86)
```

Triadic Color

#2f6e47
```
#2f6e47 rgb(47,110,71)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#6e2f56
```
#6e2f56 rgb(110,47,86)
```
#6e472f
```
#6e472f rgb(110,71,47)
```

Tetradic Color

#182c38
```
#182c38 rgb(24,44,56)
```
#203a4a
```
#203a4a rgb(32,58,74)
```
#27485c
```
#27485c rgb(39,72,92)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#376480
```
#376480 rgb(55,100,128)
```
#3e7292
```
#3e7292 rgb(62,114,146)
```
#4680a4
```
#4680a4 rgb(70,128,164)
```

Monochromatic Color

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

#2f666e
```
#2f666e rgb(47,102,110)
```
#2f616e
```
#2f616e rgb(47,97,110)
```
#2f5b6e
```
#2f5b6e rgb(47,91,110)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#2f516e
```
#2f516e rgb(47,81,110)
```
#2f4c6e
```
#2f4c6e rgb(47,76,110)
```
#2f466e
```
#2f466e rgb(47,70,110)
```

Similar Colors

Text with hexadecimal color #2f566e

This text has a font color of #2f566e.

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

#2f566e background color

This paragraph has a background color of #2f566e.

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

#2f566e border color

This element has a border color of #2f566e.

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

CSS codes

.text {color:#2f566e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0c161c
```
#0c161c rgb(12,22,28)
```
#122029
```
#122029 rgb(18,32,41)
```
#182b37
```
#182b37 rgb(24,43,55)
```
#1d3645
```
#1d3645 rgb(29,54,69)
```
#234153
```
#234153 rgb(35,65,83)
```
#294b60
```
#294b60 rgb(41,75,96)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#35617c
```
#35617c rgb(53,97,124)
```
#3b6b89
```
#3b6b89 rgb(59,107,137)
```
#417697
```
#417697 rgb(65,118,151)
```
#4681a5
```
#4681a5 rgb(70,129,165)
```

Shade Color Variation

#4c8cb3
```
#4c8cb3 rgb(76,140,179)
```
#5a95b9
```
#5a95b9 rgb(90,149,185)
```
#689dbe
```
#689dbe rgb(104,157,190)
```
#76a6c4
```
#76a6c4 rgb(118,166,196)
```
#83afca
```
#83afca rgb(131,175,202)
```
#91b8d0
```
#91b8d0 rgb(145,184,208)
```
#9fc1d6
```
#9fc1d6 rgb(159,193,214)
```
#adcadc
```
#adcadc rgb(173,202,220)
```
#bad3e2
```
#bad3e2 rgb(186,211,226)
```
#c8dce8
```
#c8dce8 rgb(200,220,232)
```
#d6e4ed
```
#d6e4ed rgb(214,228,237)
```
#e4edf3
```
#e4edf3 rgb(228,237,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```

Tint Color Variation

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

#4d4f50
```
#4d4f50 rgb(77,79,80)
```
#475056
```
#475056 rgb(71,80,86)
```
#41525c
```
#41525c rgb(65,82,92)
```
#3b5362
```
#3b5362 rgb(59,83,98)
```
#355568
```
#355568 rgb(53,85,104)
```
#2f566e
```
#2f566e rgb(47,86,110)
```
#295774
```
#295774 rgb(41,87,116)
```
#23597a
```
#23597a rgb(35,89,122)
```
#1d5a80
```
#1d5a80 rgb(29,90,128)
```
#175c86
```
#175c86 rgb(23,92,134)
```
#115d8c
```
#115d8c rgb(17,93,140)
```
#0b5f92
```
#0b5f92 rgb(11,95,146)
```
#056098
```
#056098 rgb(5,96,152)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474f54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#545972 Protanopia 1% of men
#515977 Deuteranopia 1% of men
#336168 Tritanopia 0.001% of the population

Trichromacy

#465870 Protanomaly 1% of men, 0.01% of women
#455874 Deuteranomaly 6% of men, 0.4% of women
#315d6a Tritanomaly 0.01% of the population

#2f566e hex color

#2f566e Color Information

#2f566e Color Conversion

Color Schemes with #2f566e

Alternatives to #2f566e

#2f566e Preview

Shades and Tints of #2f566e

Tones of #2f566e

Color Blindness Simulator