#296a7c hex color

In a RGB color space, hex #296a7c is composed of 16.1% red, 41.6% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 14.5% magenta, 0% yellow and 51.4% black. It has a hue angle of 193 degrees, a saturation of 50.3% and a lightness of 32.4%. #296a7c color hex could be obtained by blending #52d4f8 with #000000. Closest websafe color is: #336666.

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

● #296a7c color description : Dark moderate cyan.

The hexadecimal color #296a7c has RGB values of R:41, G:106, B:124 and CMYK values of C:0.67, M:0.15, Y:0, K:0.51. Its decimal value is 2714236.

Hex triplet	296a7c	`#296a7c`
RGB Decimal	41, 106, 124	`rgb(41,106,124)`
RGB Percent	16.1, 41.6, 48.6	`rgb(16.1%,41.6%,48.6%)`
CMYK	67, 15, 0, 51
HSL	193°, 50.3, 32.4	`hsl(193,50.3%,32.4%)`
HSV (or HSB)	193°, 66.9, 48.6
Web Safe	336666	`#336666`

CIE-LAB	41.586, -14.51, -16.117
XYZ	9.706, 12.234, 20.918
xyY	0.226, 0.285, 12.234
CIE-LCH	41.586, 21.686, 228.002
CIE-LUV	41.586, -24.96, -20.642
Hunter-Lab	34.977, -11.679, -10.974
Binary	00101001, 01101010, 01111100

#296a7c
```
#296a7c rgb(41,106,124)
```
#7c3b29
```
#7c3b29 rgb(124,59,41)
```

Complementary Color

#297c65
```
#297c65 rgb(41,124,101)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#29417c
```
#29417c rgb(41,65,124)
```

Analogous Color

#7c6529
```
#7c6529 rgb(124,101,41)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#7c2941
```
#7c2941 rgb(124,41,65)
```

Split Complementary Color

#6a7c29
```
#6a7c29 rgb(106,124,41)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#7c296a
```
#7c296a rgb(124,41,106)
```

Triadic Color

#297c3b
```
#297c3b rgb(41,124,59)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#7c296a
```
#7c296a rgb(124,41,106)
```
#7c3b29
```
#7c3b29 rgb(124,59,41)
```

Tetradic Color

#163943
```
#163943 rgb(22,57,67)
```
#1c4956
```
#1c4956 rgb(28,73,86)
```
#235a69
```
#235a69 rgb(35,90,105)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#2f7a8f
```
#2f7a8f rgb(47,122,143)
```
#368ba2
```
#368ba2 rgb(54,139,162)
```
#3c9bb5
```
#3c9bb5 rgb(60,155,181)
```

Monochromatic Color

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

#297c79
```
#297c79 rgb(41,124,121)
```
#29787c
```
#29787c rgb(41,120,124)
```
#29717c
```
#29717c rgb(41,113,124)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#29637c
```
#29637c rgb(41,99,124)
```
#295c7c
```
#295c7c rgb(41,92,124)
```
#29557c
```
#29557c rgb(41,85,124)
```

Similar Colors

Text with hexadecimal color #296a7c

This text has a font color of #296a7c.

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

#296a7c background color

This paragraph has a background color of #296a7c.

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

#296a7c border color

This element has a border color of #296a7c.

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

CSS codes

.text {color:#296a7c;}

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

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

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

#020506
```
#020506 rgb(2,5,6)
```
#071215
```
#071215 rgb(7,18,21)
```
#0c1e24
```
#0c1e24 rgb(12,30,36)
```
#112b32
```
#112b32 rgb(17,43,50)
```
#163841
```
#163841 rgb(22,56,65)
```
#1a4450
```
#1a4450 rgb(26,68,80)
```
#1f515f
```
#1f515f rgb(31,81,95)
```
#245d6d
```
#245d6d rgb(36,93,109)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#2e778b
```
#2e778b rgb(46,119,139)
```
#338399
```
#338399 rgb(51,131,153)
```
#3890a8
```
#3890a8 rgb(56,144,168)
```
#3c9cb7
```
#3c9cb7 rgb(60,156,183)
```

Shade Color Variation

#45a7c2
```
#45a7c2 rgb(69,167,194)
```
#54aec7
```
#54aec7 rgb(84,174,199)
```
#63b5cb
```
#63b5cb rgb(99,181,203)
```
#72bcd0
```
#72bcd0 rgb(114,188,208)
```
#80c3d5
```
#80c3d5 rgb(128,195,213)
```
#8fcada
```
#8fcada rgb(143,202,218)
```
#9ed1df
```
#9ed1df rgb(158,209,223)
```
#add8e4
```
#add8e4 rgb(173,216,228)
```
#bbdfe9
```
#bbdfe9 rgb(187,223,233)
```
#cae6ee
```
#cae6ee rgb(202,230,238)
```
#d9edf2
```
#d9edf2 rgb(217,237,242)
```
#e8f4f7
```
#e8f4f7 rgb(232,244,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#4f5456
```
#4f5456 rgb(79,84,86)
```
#49585c
```
#49585c rgb(73,88,92)
```
#425c63
```
#425c63 rgb(66,92,99)
```
#3c5f69
```
#3c5f69 rgb(60,95,105)
```
#36636f
```
#36636f rgb(54,99,111)
```
#2f6676
```
#2f6676 rgb(47,102,118)
```
#296a7c
```
#296a7c rgb(41,106,124)
```
#236e82
```
#236e82 rgb(35,110,130)
```
#1c7189
```
#1c7189 rgb(28,113,137)
```
#16758f
```
#16758f rgb(22,117,143)
```
#107895
```
#107895 rgb(16,120,149)
```
#097c9c
```
#097c9c rgb(9,124,156)
```
#0380a2
```
#0380a2 rgb(3,128,162)
```

Tone Color Variation

Below, you can see how #296a7c 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
#4f5c60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65697d Protanopia 1% of men
#646886 Deuteranopia 1% of men
#2f737b Tritanopia 0.001% of the population

Trichromacy

#4f697c Protanomaly 1% of men, 0.01% of women
#4e6982 Deuteranomaly 6% of men, 0.4% of women
#2d6f7b Tritanomaly 0.01% of the population

#296a7c hex color

#296a7c Color Information

#296a7c Color Conversion

Color Schemes with #296a7c

Alternatives to #296a7c

#296a7c Preview

Shades and Tints of #296a7c

Tones of #296a7c

Color Blindness Simulator