#296d7e hex color

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

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

● #296d7e color description : Dark moderate cyan.

The hexadecimal color #296d7e has RGB values of R:41, G:109, B:126 and CMYK values of C:0.67, M:0.13, Y:0, K:0.51. Its decimal value is 2715006.

Hex triplet	296d7e	`#296d7e`
RGB Decimal	41, 109, 126	`rgb(41,109,126)`
RGB Percent	16.1, 42.7, 49.4	`rgb(16.1%,42.7%,49.4%)`
CMYK	67, 13, 0, 51
HSL	192°, 50.9, 32.7	`hsl(192,50.9%,32.7%)`
HSV (or HSB)	192°, 67.5, 49.4
Web Safe	336666	`#336666`

CIE-LAB	42.634, -15.53, -15.723
XYZ	10.148, 12.914, 21.695
xyY	0.227, 0.289, 12.914
CIE-LCH	42.634, 22.1, 225.352
CIE-LUV	42.634, -26, -20.051
Hunter-Lab	35.936, -12.483, -10.639
Binary	00101001, 01101101, 01111110

#296d7e
```
#296d7e rgb(41,109,126)
```
#7e3a29
```
#7e3a29 rgb(126,58,41)
```

Complementary Color

#297e65
```
#297e65 rgb(41,126,101)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#29437e
```
#29437e rgb(41,67,126)
```

Analogous Color

#7e6529
```
#7e6529 rgb(126,101,41)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#7e2943
```
#7e2943 rgb(126,41,67)
```

Split Complementary Color

#6d7e29
```
#6d7e29 rgb(109,126,41)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#7e296d
```
#7e296d rgb(126,41,109)
```

Triadic Color

#297e3a
```
#297e3a rgb(41,126,58)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#7e296d
```
#7e296d rgb(126,41,109)
```
#7e3a29
```
#7e3a29 rgb(126,58,41)
```

Tetradic Color

#163b44
```
#163b44 rgb(22,59,68)
```
#1c4c58
```
#1c4c58 rgb(28,76,88)
```
#235c6b
```
#235c6b rgb(35,92,107)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#2f7e91
```
#2f7e91 rgb(47,126,145)
```
#368ea4
```
#368ea4 rgb(54,142,164)
```
#3c9fb8
```
#3c9fb8 rgb(60,159,184)
```

Monochromatic Color

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

#297e7a
```
#297e7a rgb(41,126,122)
```
#297b7e
```
#297b7e rgb(41,123,126)
```
#29747e
```
#29747e rgb(41,116,126)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#29667e
```
#29667e rgb(41,102,126)
```
#295f7e
```
#295f7e rgb(41,95,126)
```
#29587e
```
#29587e rgb(41,88,126)
```

Similar Colors

Text with hexadecimal color #296d7e

This text has a font color of #296d7e.

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

#296d7e background color

This paragraph has a background color of #296d7e.

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

#296d7e border color

This element has a border color of #296d7e.

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

CSS codes

.text {color:#296d7e;}

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

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

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)
```
#163a43
```
#163a43 rgb(22,58,67)
```
#1b4752
```
#1b4752 rgb(27,71,82)
```
#1f5360
```
#1f5360 rgb(31,83,96)
```
#24606f
```
#24606f rgb(36,96,111)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#2e7a8d
```
#2e7a8d rgb(46,122,141)
```
#33879c
```
#33879c rgb(51,135,156)
```
#3793aa
```
#3793aa rgb(55,147,170)
```
#3ca0b9
```
#3ca0b9 rgb(60,160,185)
```

Shade Color Variation

#46aac3
```
#46aac3 rgb(70,170,195)
```
#55b1c8
```
#55b1c8 rgb(85,177,200)
```
#64b8cd
```
#64b8cd rgb(100,184,205)
```
#73bed1
```
#73bed1 rgb(115,190,209)
```
#81c5d6
```
#81c5d6 rgb(129,197,214)
```
#90ccdb
```
#90ccdb rgb(144,204,219)
```
#9fd3e0
```
#9fd3e0 rgb(159,211,224)
```
#aedae5
```
#aedae5 rgb(174,218,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 #0284a5 is the most saturated one.

#505657
```
#505657 rgb(80,86,87)
```
#495a5e
```
#495a5e rgb(73,90,94)
```
#435e64
```
#435e64 rgb(67,94,100)
```
#3c616b
```
#3c616b rgb(60,97,107)
```
#366571
```
#366571 rgb(54,101,113)
```
#2f6978
```
#2f6978 rgb(47,105,120)
```
#296d7e
```
#296d7e rgb(41,109,126)
```
#237184
```
#237184 rgb(35,113,132)
```
#1c758b
```
#1c758b rgb(28,117,139)
```
#167991
```
#167991 rgb(22,121,145)
```
#0f7c98
```
#0f7c98 rgb(15,124,152)
```
#09809e
```
#09809e rgb(9,128,158)
```
#0284a5
```
#0284a5 rgb(2,132,165)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#515f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7f Protanopia 1% of men
#676a88 Deuteranopia 1% of men
#2f757e Tritanopia 0.001% of the population

Trichromacy

#516c7e Protanomaly 1% of men, 0.01% of women
#506b84 Deuteranomaly 6% of men, 0.4% of women
#2d727e Tritanomaly 0.01% of the population

#296d7e hex color

#296d7e Color Information

#296d7e Color Conversion

Color Schemes with #296d7e

Alternatives to #296d7e

#296d7e Preview

Shades and Tints of #296d7e

Tones of #296d7e

Color Blindness Simulator