#2c697f hex color

In a RGB color space, hex #2c697f is composed of 17.3% red, 41.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 65.4% cyan, 17.3% magenta, 0% yellow and 50.2% black. It has a hue angle of 195.9 degrees, a saturation of 48.5% and a lightness of 33.5%. #2c697f color hex could be obtained by blending #58d2fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 17
- G 41
- B 50
RGB color chart
- C 65
- M 17
- Y 0
- K 50
CMYK color chart

● #2c697f color description : Dark moderate blue.

The hexadecimal color #2c697f has RGB values of R:44, G:105, B:127 and CMYK values of C:0.65, M:0.17, Y:0, K:0.5. Its decimal value is 2910591.

Hex triplet	2c697f	`#2c697f`
RGB Decimal	44, 105, 127	`rgb(44,105,127)`
RGB Percent	17.3, 41.2, 49.8	`rgb(17.3%,41.2%,49.8%)`
CMYK	65, 17, 0, 50
HSL	195.9°, 48.5, 33.5	`hsl(195.9,48.5%,33.5%)`
HSV (or HSB)	195.9°, 65.4, 49.8
Web Safe	336666	`#336666`

CIE-LAB	41.485, -12.37, -18.075
XYZ	9.92, 12.17, 21.904
xyY	0.225, 0.277, 12.17
CIE-LCH	41.485, 21.903, 235.615
CIE-LUV	41.485, -23.811, -23.782
Hunter-Lab	34.886, -10.292, -12.806
Binary	00101100, 01101001, 01111111

#2c697f
```
#2c697f rgb(44,105,127)
```
#7f422c
```
#7f422c rgb(127,66,44)
```

Complementary Color

#2c7f6c
```
#2c7f6c rgb(44,127,108)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#2c407f
```
#2c407f rgb(44,64,127)
```

Analogous Color

#7f6c2c
```
#7f6c2c rgb(127,108,44)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#7f2c40
```
#7f2c40 rgb(127,44,64)
```

Split Complementary Color

#697f2c
```
#697f2c rgb(105,127,44)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#7f2c69
```
#7f2c69 rgb(127,44,105)
```

Triadic Color

#2c7f42
```
#2c7f42 rgb(44,127,66)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#7f2c69
```
#7f2c69 rgb(127,44,105)
```
#7f422c
```
#7f422c rgb(127,66,44)
```

Tetradic Color

#183a46
```
#183a46 rgb(24,58,70)
```
#1f4a59
```
#1f4a59 rgb(31,74,89)
```
#25596c
```
#25596c rgb(37,89,108)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#337992
```
#337992 rgb(51,121,146)
```
#3988a5
```
#3988a5 rgb(57,136,165)
```
#4098b8
```
#4098b8 rgb(64,152,184)
```

Monochromatic Color

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

#2c7e7f
```
#2c7e7f rgb(44,126,127)
```
#2c777f
```
#2c777f rgb(44,119,127)
```
#2c707f
```
#2c707f rgb(44,112,127)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#2c627f
```
#2c627f rgb(44,98,127)
```
#2c5b7f
```
#2c5b7f rgb(44,91,127)
```
#2c547f
```
#2c547f rgb(44,84,127)
```

Similar Colors

Text with hexadecimal color #2c697f

This text has a font color of #2c697f.

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

#2c697f background color

This paragraph has a background color of #2c697f.

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

#2c697f border color

This element has a border color of #2c697f.

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

CSS codes

.text {color:#2c697f;}

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

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

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, #04090a is the darkest color, while #fbfdfe is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#091519
```
#091519 rgb(9,21,25)
```
#0e2128
```
#0e2128 rgb(14,33,40)
```
#132d36
```
#132d36 rgb(19,45,54)
```
#183945
```
#183945 rgb(24,57,69)
```
#1d4553
```
#1d4553 rgb(29,69,83)
```
#225162
```
#225162 rgb(34,81,98)
```
#275d70
```
#275d70 rgb(39,93,112)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#31758e
```
#31758e rgb(49,117,142)
```
#36819c
```
#36819c rgb(54,129,156)
```
#3b8dab
```
#3b8dab rgb(59,141,171)
```
#4099b9
```
#4099b9 rgb(64,153,185)
```

Shade Color Variation

#4ca2c1
```
#4ca2c1 rgb(76,162,193)
```
#5baac6
```
#5baac6 rgb(91,170,198)
```
#69b1cb
```
#69b1cb rgb(105,177,203)
```
#78b9d0
```
#78b9d0 rgb(120,185,208)
```
#86c0d5
```
#86c0d5 rgb(134,192,213)
```
#95c8da
```
#95c8da rgb(149,200,218)
```
#a3cfdf
```
#a3cfdf rgb(163,207,223)
```
#b2d7e4
```
#b2d7e4 rgb(178,215,228)
```
#c1dfe9
```
#c1dfe9 rgb(193,223,233)
```
#cfe6ee
```
#cfe6ee rgb(207,230,238)
```
#deeef3
```
#deeef3 rgb(222,238,243)
```
#ecf5f9
```
#ecf5f9 rgb(236,245,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#535658
```
#535658 rgb(83,86,88)
```
#4d5a5e
```
#4d5a5e rgb(77,90,94)
```
#465d65
```
#465d65 rgb(70,93,101)
```
#40606b
```
#40606b rgb(64,96,107)
```
#396372
```
#396372 rgb(57,99,114)
```
#336678
```
#336678 rgb(51,102,120)
```
#2c697f
```
#2c697f rgb(44,105,127)
```
#256c86
```
#256c86 rgb(37,108,134)
```
#1f6f8c
```
#1f6f8c rgb(31,111,140)
```
#187293
```
#187293 rgb(24,114,147)
```
#127599
```
#127599 rgb(18,117,153)
```
#0b78a0
```
#0b78a0 rgb(11,120,160)
```
#057ca6
```
#057ca6 rgb(5,124,166)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#505c61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646980 Protanopia 1% of men
#616888 Deuteranopia 1% of men
#30727b Tritanopia 0.001% of the population

Trichromacy

#4f6980 Protanomaly 1% of men, 0.01% of women
#4e6885 Deuteranomaly 6% of men, 0.4% of women
#2e6f7c Tritanomaly 0.01% of the population

#2c697f hex color

#2c697f Color Information

#2c697f Color Conversion

Color Schemes with #2c697f

Alternatives to #2c697f

#2c697f Preview

Shades and Tints of #2c697f

Tones of #2c697f

Color Blindness Simulator