#296a78 hex color

In a RGB color space, hex #296a78 is composed of 16.1% red, 41.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 11.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 190.6 degrees, a saturation of 49.1% and a lightness of 31.6%. #296a78 color hex could be obtained by blending #52d4f0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 42
- B 47
RGB color chart
- C 66
- M 12
- Y 0
- K 53
CMYK color chart

● #296a78 color description : Dark moderate cyan.

The hexadecimal color #296a78 has RGB values of R:41, G:106, B:120 and CMYK values of C:0.66, M:0.12, Y:0, K:0.53. Its decimal value is 2714232.

Hex triplet	296a78	`#296a78`
RGB Decimal	41, 106, 120	`rgb(41,106,120)`
RGB Percent	16.1, 41.6, 47.1	`rgb(16.1%,41.6%,47.1%)`
CMYK	66, 12, 0, 53
HSL	190.6°, 49.1, 31.6	`hsl(190.6,49.1%,31.6%)`
HSV (or HSB)	190.6°, 65.8, 47.1
Web Safe	336666	`#336666`

CIE-LAB	41.43, -15.845, -13.933
XYZ	9.458, 12.135, 19.612
xyY	0.23, 0.295, 12.135
CIE-LCH	41.43, 21.099, 221.327
CIE-LUV	41.43, -25.156, -17.254
Hunter-Lab	34.835, -12.499, -8.996
Binary	00101001, 01101010, 01111000

#296a78
```
#296a78 rgb(41,106,120)
```
#783729
```
#783729 rgb(120,55,41)
```

Complementary Color

#29785e
```
#29785e rgb(41,120,94)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#294378
```
#294378 rgb(41,67,120)
```

Analogous Color

#785e29
```
#785e29 rgb(120,94,41)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#782943
```
#782943 rgb(120,41,67)
```

Split Complementary Color

#6a7829
```
#6a7829 rgb(106,120,41)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#78296a
```
#78296a rgb(120,41,106)
```

Triadic Color

#297837
```
#297837 rgb(41,120,55)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#78296a
```
#78296a rgb(120,41,106)
```
#783729
```
#783729 rgb(120,55,41)
```

Tetradic Color

#16383f
```
#16383f rgb(22,56,63)
```
#1c4852
```
#1c4852 rgb(28,72,82)
```
#235965
```
#235965 rgb(35,89,101)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#2f7b8b
```
#2f7b8b rgb(47,123,139)
```
#368c9e
```
#368c9e rgb(54,140,158)
```
#3c9cb1
```
#3c9cb1 rgb(60,156,177)
```

Monochromatic Color

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

#297872
```
#297872 rgb(41,120,114)
```
#297778
```
#297778 rgb(41,119,120)
```
#297178
```
#297178 rgb(41,113,120)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#296378
```
#296378 rgb(41,99,120)
```
#295d78
```
#295d78 rgb(41,93,120)
```
#295678
```
#295678 rgb(41,86,120)
```

Similar Colors

Text with hexadecimal color #296a78

This text has a font color of #296a78.

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

#296a78 background color

This paragraph has a background color of #296a78.

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

#296a78 border color

This element has a border color of #296a78.

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

CSS codes

.text {color:#296a78;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0b1d20
```
#0b1d20 rgb(11,29,32)
```
#10292f
```
#10292f rgb(16,41,47)
```
#15363e
```
#15363e rgb(21,54,62)
```
#1a434c
```
#1a434c rgb(26,67,76)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#245d69
```
#245d69 rgb(36,93,105)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#2e7787
```
#2e7787 rgb(46,119,135)
```
#338495
```
#338495 rgb(51,132,149)
```
#3891a4
```
#3891a4 rgb(56,145,164)
```
#3d9eb2
```
#3d9eb2 rgb(61,158,178)
```

Shade Color Variation

#44a9bf
```
#44a9bf rgb(68,169,191)
```
#53b0c4
```
#53b0c4 rgb(83,176,196)
```
#61b7c9
```
#61b7c9 rgb(97,183,201)
```
#70bdce
```
#70bdce rgb(112,189,206)
```
#7ec4d3
```
#7ec4d3 rgb(126,196,211)
```
#8dcbd8
```
#8dcbd8 rgb(141,203,216)
```
#9cd1dd
```
#9cd1dd rgb(156,209,221)
```
#aad8e2
```
#aad8e2 rgb(170,216,226)
```
#b9dfe7
```
#b9dfe7 rgb(185,223,231)
```
#c8e6ec
```
#c8e6ec rgb(200,230,236)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,241)
```
#e5f3f6
```
#e5f3f6 rgb(229,243,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#4e5253
```
#4e5253 rgb(78,82,83)
```
#485659
```
#485659 rgb(72,86,89)
```
#425a5f
```
#425a5f rgb(66,90,95)
```
#3c5e65
```
#3c5e65 rgb(60,94,101)
```
#35626c
```
#35626c rgb(53,98,108)
```
#2f6672
```
#2f6672 rgb(47,102,114)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#236e7e
```
#236e7e rgb(35,110,126)
```
#1d7284
```
#1d7284 rgb(29,114,132)
```
#16768b
```
#16768b rgb(22,118,139)
```
#107a91
```
#107a91 rgb(16,122,145)
```
#0a7e97
```
#0a7e97 rgb(10,126,151)
```
#04829d
```
#04829d rgb(4,130,157)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f5c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#666979 Protanopia 1% of men
#666882 Deuteranopia 1% of men
#31727a Tritanopia 0.001% of the population

Trichromacy

#506979 Protanomaly 1% of men, 0.01% of women
#4f687e Deuteranomaly 6% of men, 0.4% of women
#2e6f79 Tritanomaly 0.01% of the population

#296a78 hex color

#296a78 Color Information

#296a78 Color Conversion

Color Schemes with #296a78

Alternatives to #296a78

#296a78 Preview

Shades and Tints of #296a78

Tones of #296a78

Color Blindness Simulator