#2f6479 hex color

In a RGB color space, hex #2f6479 is composed of 18.4% red, 39.2% green and 47.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 17.4% magenta, 0% yellow and 52.5% black. It has a hue angle of 197 degrees, a saturation of 44% and a lightness of 32.9%. #2f6479 color hex could be obtained by blending #5ec8f2 with #000000. Closest websafe color is: #336666.

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

● #2f6479 color description : Dark moderate blue.

The hexadecimal color #2f6479 has RGB values of R:47, G:100, B:121 and CMYK values of C:0.61, M:0.17, Y:0, K:0.53. Its decimal value is 3105913.

Hex triplet	2f6479	`#2f6479`
RGB Decimal	47, 100, 121	`rgb(47,100,121)`
RGB Percent	18.4, 39.2, 47.5	`rgb(18.4%,39.2%,47.5%)`
CMYK	61, 17, 0, 53
HSL	197°, 44, 32.9	`hsl(197,44%,32.9%)`
HSV (or HSB)	197°, 61.2, 47.5
Web Safe	336666	`#336666`

CIE-LAB	39.746, -10.88, -17.094
XYZ	9.18, 11.099, 19.747
xyY	0.229, 0.277, 11.099
CIE-LCH	39.746, 20.262, 237.523
CIE-LUV	39.746, -21.453, -22.27
Hunter-Lab	33.314, -9.115, -11.823
Binary	00101111, 01100100, 01111001

#2f6479
```
#2f6479 rgb(47,100,121)
```
#79442f
```
#79442f rgb(121,68,47)
```

Complementary Color

#2f7969
```
#2f7969 rgb(47,121,105)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#2f3f79
```
#2f3f79 rgb(47,63,121)
```

Analogous Color

#79692f
```
#79692f rgb(121,105,47)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#792f3f
```
#792f3f rgb(121,47,63)
```

Split Complementary Color

#64792f
```
#64792f rgb(100,121,47)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#792f64
```
#792f64 rgb(121,47,100)
```

Triadic Color

#2f7944
```
#2f7944 rgb(47,121,68)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#792f64
```
#792f64 rgb(121,47,100)
```
#79442f
```
#79442f rgb(121,68,47)
```

Tetradic Color

#1a3642
```
#1a3642 rgb(26,54,66)
```
#214654
```
#214654 rgb(33,70,84)
```
#285567
```
#285567 rgb(40,85,103)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#36738b
```
#36738b rgb(54,115,139)
```
#3d829e
```
#3d829e rgb(61,130,158)
```
#4492b0
```
#4492b0 rgb(68,146,176)
```

Monochromatic Color

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

#2f7779
```
#2f7779 rgb(47,119,121)
```
#2f7079
```
#2f7079 rgb(47,112,121)
```
#2f6a79
```
#2f6a79 rgb(47,106,121)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#2f5e79
```
#2f5e79 rgb(47,94,121)
```
#2f5879
```
#2f5879 rgb(47,88,121)
```
#2f5179
```
#2f5179 rgb(47,81,121)
```

Similar Colors

Text with hexadecimal color #2f6479

This text has a font color of #2f6479.

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

#2f6479 background color

This paragraph has a background color of #2f6479.

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

#2f6479 border color

This element has a border color of #2f6479.

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

CSS codes

.text {color:#2f6479;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#091216
```
#091216 rgb(9,18,22)
```
#0e1e24
```
#0e1e24 rgb(14,30,36)
```
#142a32
```
#142a32 rgb(20,42,50)
```
#193540
```
#193540 rgb(25,53,64)
```
#1f414f
```
#1f414f rgb(31,65,79)
```
#244d5d
```
#244d5d rgb(36,77,93)
```
#2a586b
```
#2a586b rgb(42,88,107)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#347087
```
#347087 rgb(52,112,135)
```
#3a7b95
```
#3a7b95 rgb(58,123,149)
```
#3f87a3
```
#3f87a3 rgb(63,135,163)
```
#4593b2
```
#4593b2 rgb(69,147,178)
```

Shade Color Variation

#4f9cbb
```
#4f9cbb rgb(79,156,187)
```
#5da4c0
```
#5da4c0 rgb(93,164,192)
```
#6cacc6
```
#6cacc6 rgb(108,172,198)
```
#7ab4cb
```
#7ab4cb rgb(122,180,203)
```
#88bcd1
```
#88bcd1 rgb(136,188,209)
```
#96c4d6
```
#96c4d6 rgb(150,196,214)
```
#a4ccdc
```
#a4ccdc rgb(164,204,220)
```
#b2d4e1
```
#b2d4e1 rgb(178,212,225)
```
#c0dce7
```
#c0dce7 rgb(192,220,231)
```
#cee4ec
```
#cee4ec rgb(206,228,236)
```
#ddecf2
```
#ddecf2 rgb(221,236,242)
```
#ebf4f7
```
#ebf4f7 rgb(235,244,247)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#4f5659
```
#4f5659 rgb(79,86,89)
```
#49595f
```
#49595f rgb(73,89,95)
```
#425c66
```
#425c66 rgb(66,92,102)
```
#3c5e6c
```
#3c5e6c rgb(60,94,108)
```
#356173
```
#356173 rgb(53,97,115)
```
#2f6479
```
#2f6479 rgb(47,100,121)
```
#29677f
```
#29677f rgb(41,103,127)
```
#226a86
```
#226a86 rgb(34,106,134)
```
#1c6c8c
```
#1c6c8c rgb(28,108,140)
```
#156f93
```
#156f93 rgb(21,111,147)
```
#0f7299
```
#0f7299 rgb(15,114,153)
```
#0875a0
```
#0875a0 rgb(8,117,160)
```
#0278a6
```
#0278a6 rgb(2,120,166)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#60657b Protanopia 1% of men
#5e6482 Deuteranopia 1% of men
#346d75 Tritanopia 0.001% of the population

Trichromacy

#4e647a Protanomaly 1% of men, 0.01% of women
#4d647f Deuteranomaly 6% of men, 0.4% of women
#326a77 Tritanomaly 0.01% of the population

#2f6479 hex color

#2f6479 Color Information

#2f6479 Color Conversion

Color Schemes with #2f6479

Alternatives to #2f6479

#2f6479 Preview

Shades and Tints of #2f6479

Tones of #2f6479

Color Blindness Simulator