#296c7e hex color

In a RGB color space, hex #296c7e is composed of 16.1% red, 42.4% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 14.3% magenta, 0% yellow and 50.6% black. It has a hue angle of 192.7 degrees, a saturation of 50.9% and a lightness of 32.7%. #296c7e color hex could be obtained by blending #52d8fc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 42
- B 49
RGB color chart
- C 67
- M 14
- Y 0
- K 51
CMYK color chart

● #296c7e color description : Dark moderate cyan.

The hexadecimal color #296c7e has RGB values of R:41, G:108, B:126 and CMYK values of C:0.67, M:0.14, Y:0, K:0.51. Its decimal value is 2714750.

Hex triplet	296c7e	`#296c7e`
RGB Decimal	41, 108, 126	`rgb(41,108,126)`
RGB Percent	16.1, 42.4, 49.4	`rgb(16.1%,42.4%,49.4%)`
CMYK	67, 14, 0, 51
HSL	192.7°, 50.9, 32.7	`hsl(192.7,50.9%,32.7%)`
HSV (or HSB)	192.7°, 67.5, 49.4
Web Safe	336666	`#336666`

CIE-LAB	42.311, -14.968, -16.216
XYZ	10.042, 12.702, 21.66
xyY	0.226, 0.286, 12.702
CIE-LCH	42.311, 22.068, 227.291
CIE-LUV	42.311, -25.621, -20.816
Hunter-Lab	35.64, -12.076, -11.085
Binary	00101001, 01101100, 01111110

#296c7e
```
#296c7e rgb(41,108,126)
```
#7e3b29
```
#7e3b29 rgb(126,59,41)
```

Complementary Color

#297e66
```
#297e66 rgb(41,126,102)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#29427e
```
#29427e rgb(41,66,126)
```

Analogous Color

#7e6629
```
#7e6629 rgb(126,102,41)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#7e2942
```
#7e2942 rgb(126,41,66)
```

Split Complementary Color

#6c7e29
```
#6c7e29 rgb(108,126,41)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#7e296c
```
#7e296c rgb(126,41,108)
```

Triadic Color

#297e3b
```
#297e3b rgb(41,126,59)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#7e296c
```
#7e296c rgb(126,41,108)
```
#7e3b29
```
#7e3b29 rgb(126,59,41)
```

Tetradic Color

#163b44
```
#163b44 rgb(22,59,68)
```
#1c4b58
```
#1c4b58 rgb(28,75,88)
```
#235c6b
```
#235c6b rgb(35,92,107)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#2f7c91
```
#2f7c91 rgb(47,124,145)
```
#368da4
```
#368da4 rgb(54,141,164)
```
#3c9db8
```
#3c9db8 rgb(60,157,184)
```

Monochromatic Color

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

#297e7b
```
#297e7b rgb(41,126,123)
```
#297a7e
```
#297a7e rgb(41,122,126)
```
#29737e
```
#29737e rgb(41,115,126)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#29657e
```
#29657e rgb(41,101,126)
```
#295e7e
```
#295e7e rgb(41,94,126)
```
#29577e
```
#29577e rgb(41,87,126)
```

Similar Colors

Text with hexadecimal color #296c7e

This text has a font color of #296c7e.

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

#296c7e background color

This paragraph has a background color of #296c7e.

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

#296c7e border color

This element has a border color of #296c7e.

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

CSS codes

.text {color:#296c7e;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#071316
```
#071316 rgb(7,19,22)
```
#0c2025
```
#0c2025 rgb(12,32,37)
```
#112d34
```
#112d34 rgb(17,45,52)
```
#163943
```
#163943 rgb(22,57,67)
```
#1b4652
```
#1b4652 rgb(27,70,82)
```
#1f5360
```
#1f5360 rgb(31,83,96)
```
#245f6f
```
#245f6f rgb(36,95,111)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#2e798d
```
#2e798d rgb(46,121,141)
```
#33859c
```
#33859c rgb(51,133,156)
```
#3792aa
```
#3792aa rgb(55,146,170)
```
#3c9fb9
```
#3c9fb9 rgb(60,159,185)
```

Shade Color Variation

#46a8c3
```
#46a8c3 rgb(70,168,195)
```
#55afc8
```
#55afc8 rgb(85,175,200)
```
#64b6cd
```
#64b6cd rgb(100,182,205)
```
#73bdd1
```
#73bdd1 rgb(115,189,209)
```
#81c4d6
```
#81c4d6 rgb(129,196,214)
```
#90cbdb
```
#90cbdb rgb(144,203,219)
```
#9fd2e0
```
#9fd2e0 rgb(159,210,224)
```
#aed9e5
```
#aed9e5 rgb(174,217,229)
```
#bde0e9
```
#bde0e9 rgb(189,224,233)
```
#cbe7ee
```
#cbe7ee rgb(203,231,238)
```
#daeef3
```
#daeef3 rgb(218,238,243)
```
#e9f5f8
```
#e9f5f8 rgb(233,245,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#505657
```
#505657 rgb(80,86,87)
```
#49595e
```
#49595e rgb(73,89,94)
```
#435d64
```
#435d64 rgb(67,93,100)
```
#3c616b
```
#3c616b rgb(60,97,107)
```
#366571
```
#366571 rgb(54,101,113)
```
#2f6878
```
#2f6878 rgb(47,104,120)
```
#296c7e
```
#296c7e rgb(41,108,126)
```
#237084
```
#237084 rgb(35,112,132)
```
#1c738b
```
#1c738b rgb(28,115,139)
```
#167791
```
#167791 rgb(22,119,145)
```
#0f7b98
```
#0f7b98 rgb(15,123,152)
```
#097f9e
```
#097f9e rgb(9,127,158)
```
#0282a5
```
#0282a5 rgb(2,130,165)
```

Tone Color Variation

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

#676b7f Protanopia 1% of men
#656a88 Deuteranopia 1% of men
#2f747d Tritanopia 0.001% of the population

Trichromacy

#506b7e Protanomaly 1% of men, 0.01% of women
#4f6a84 Deuteranomaly 6% of men, 0.4% of women
#2d717d Tritanomaly 0.01% of the population

#296c7e hex color

#296c7e Color Information

#296c7e Color Conversion

Color Schemes with #296c7e

Alternatives to #296c7e

#296c7e Preview

Shades and Tints of #296c7e

Tones of #296c7e

Color Blindness Simulator