#296c7f hex color

In a RGB color space, hex #296c7f is composed of 16.1% red, 42.4% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 15% magenta, 0% yellow and 50.2% black. It has a hue angle of 193.3 degrees, a saturation of 51.2% and a lightness of 32.9%. #296c7f color hex could be obtained by blending #52d8fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 42
- B 50
RGB color chart
- C 68
- M 15
- Y 0
- K 50
CMYK color chart

● #296c7f color description : Dark moderate cyan.

The hexadecimal color #296c7f has RGB values of R:41, G:108, B:127 and CMYK values of C:0.68, M:0.15, Y:0, K:0.5. Its decimal value is 2714751.

Hex triplet	296c7f	`#296c7f`
RGB Decimal	41, 108, 127	`rgb(41,108,127)`
RGB Percent	16.1, 42.4, 49.8	`rgb(16.1%,42.4%,49.8%)`
CMYK	68, 15, 0, 50
HSL	193.3°, 51.2, 32.9	`hsl(193.3,51.2%,32.9%)`
HSV (or HSB)	193.3°, 67.7, 49.8
Web Safe	336666	`#336666`

CIE-LAB	42.351, -14.631, -16.758
XYZ	10.107, 12.728, 22.002
xyY	0.225, 0.284, 12.728
CIE-LCH	42.351, 22.246, 228.875
CIE-LUV	42.351, -25.571, -21.666
Hunter-Lab	35.676, -11.866, -11.591
Binary	00101001, 01101100, 01111111

#296c7f
```
#296c7f rgb(41,108,127)
```
#7f3c29
```
#7f3c29 rgb(127,60,41)
```

Complementary Color

#297f67
```
#297f67 rgb(41,127,103)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#29417f
```
#29417f rgb(41,65,127)
```

Analogous Color

#7f6729
```
#7f6729 rgb(127,103,41)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#7f2941
```
#7f2941 rgb(127,41,65)
```

Split Complementary Color

#6c7f29
```
#6c7f29 rgb(108,127,41)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#7f296c
```
#7f296c rgb(127,41,108)
```

Triadic Color

#297f3c
```
#297f3c rgb(41,127,60)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#7f296c
```
#7f296c rgb(127,41,108)
```
#7f3c29
```
#7f3c29 rgb(127,60,41)
```

Tetradic Color

#163b45
```
#163b45 rgb(22,59,69)
```
#1d4b58
```
#1d4b58 rgb(29,75,88)
```
#235c6c
```
#235c6c rgb(35,92,108)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#2f7c92
```
#2f7c92 rgb(47,124,146)
```
#358da6
```
#358da6 rgb(53,141,166)
```
#3c9db9
```
#3c9db9 rgb(60,157,185)
```

Monochromatic Color

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

#297f7d
```
#297f7d rgb(41,127,125)
```
#297a7f
```
#297a7f rgb(41,122,127)
```
#29737f
```
#29737f rgb(41,115,127)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#29657f
```
#29657f rgb(41,101,127)
```
#295e7f
```
#295e7f rgb(41,94,127)
```
#29567f
```
#29567f rgb(41,86,127)
```

Similar Colors

Text with hexadecimal color #296c7f

This text has a font color of #296c7f.

<span style="color:#296c7f;">Text here</span>

#296c7f background color

This paragraph has a background color of #296c7f.

<p style="background-color:#296c7f;">Content here</p>

#296c7f border color

This element has a border color of #296c7f.

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

CSS codes

.text {color:#296c7f;}

.background {background-color:#296c7f;}

.border {border:1px solid #296c7f;}

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)
```
#071417
```
#071417 rgb(7,20,23)
```
#0c2026
```
#0c2026 rgb(12,32,38)
```
#112d35
```
#112d35 rgb(17,45,53)
```
#163a44
```
#163a44 rgb(22,58,68)
```
#1b4653
```
#1b4653 rgb(27,70,83)
```
#1f5361
```
#1f5361 rgb(31,83,97)
```
#245f70
```
#245f70 rgb(36,95,112)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#2e798e
```
#2e798e rgb(46,121,142)
```
#33859d
```
#33859d rgb(51,133,157)
```
#3792ab
```
#3792ab rgb(55,146,171)
```
#3c9eba
```
#3c9eba rgb(60,158,186)
```

Shade Color Variation

#47a8c3
```
#47a8c3 rgb(71,168,195)
```
#55afc8
```
#55afc8 rgb(85,175,200)
```
#64b6cd
```
#64b6cd rgb(100,182,205)
```
#73bdd2
```
#73bdd2 rgb(115,189,210)
```
#82c4d7
```
#82c4d7 rgb(130,196,215)
```
#91cbdb
```
#91cbdb rgb(145,203,219)
```
#a0d2e0
```
#a0d2e0 rgb(160,210,224)
```
#aed9e5
```
#aed9e5 rgb(174,217,229)
```
#bde0ea
```
#bde0ea rgb(189,224,234)
```
#cce7ef
```
#cce7ef rgb(204,231,239)
```
#dbeef3
```
#dbeef3 rgb(219,238,243)
```
#eaf5f8
```
#eaf5f8 rgb(234,245,248)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

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

#505658
```
#505658 rgb(80,86,88)
```
#495a5f
```
#495a5f rgb(73,90,95)
```
#435e65
```
#435e65 rgb(67,94,101)
```
#3c616c
```
#3c616c rgb(60,97,108)
```
#366572
```
#366572 rgb(54,101,114)
```
#2f6879
```
#2f6879 rgb(47,104,121)
```
#296c7f
```
#296c7f rgb(41,108,127)
```
#237085
```
#237085 rgb(35,112,133)
```
#1c738c
```
#1c738c rgb(28,115,140)
```
#167792
```
#167792 rgb(22,119,146)
```
#0f7a99
```
#0f7a99 rgb(15,122,153)
```
#097e9f
```
#097e9f rgb(9,126,159)
```
#0282a6
```
#0282a6 rgb(2,130,166)
```

Tone Color Variation

Below, you can see how #296c7f 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

#5a5a5a Achromatopsia 0.005% of the population
#505e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676b80 Protanopia 1% of men
#656a89 Deuteranopia 1% of men
#2e757d Tritanopia 0.001% of the population

Trichromacy

#506b7f Protanomaly 1% of men, 0.01% of women
#4f6a85 Deuteranomaly 6% of men, 0.4% of women
#2c717e Tritanomaly 0.01% of the population

#296c7f hex color

#296c7f Color Information

#296c7f Color Conversion

Color Schemes with #296c7f

Alternatives to #296c7f

#296c7f Preview

Shades and Tints of #296c7f

Tones of #296c7f

Color Blindness Simulator