#296b84 hex color

In a RGB color space, hex #296b84 is composed of 16.1% red, 42% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 18.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 196.5 degrees, a saturation of 52.6% and a lightness of 33.9%. #296b84 color hex could be obtained by blending #52d6ff with #000009. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 42
- B 52
RGB color chart
- C 69
- M 19
- Y 0
- K 48
CMYK color chart

● #296b84 color description : Dark moderate blue.

The hexadecimal color #296b84 has RGB values of R:41, G:107, B:132 and CMYK values of C:0.69, M:0.19, Y:0, K:0.48. Its decimal value is 2714500.

Hex triplet	296b84	`#296b84`
RGB Decimal	41, 107, 132	`rgb(41,107,132)`
RGB Percent	16.1, 42, 51.8	`rgb(16.1%,42%,51.8%)`
CMYK	69, 19, 0, 48
HSL	196.5°, 52.6, 33.9	`hsl(196.5,52.6%,33.9%)`
HSV (or HSB)	196.5°, 68.9, 51.8
Web Safe	336699	`#336699`

CIE-LAB	42.234, -12.352, -19.948
XYZ	10.336, 12.652, 23.726
xyY	0.221, 0.271, 12.652
CIE-LCH	42.234, 23.462, 238.233
CIE-LUV	42.234, -24.951, -26.691
Hunter-Lab	35.57, -10.378, -14.649
Binary	00101001, 01101011, 10000100

#296b84
```
#296b84 rgb(41,107,132)
```
#844229
```
#844229 rgb(132,66,41)
```

Complementary Color

#298470
```
#298470 rgb(41,132,112)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#293e84
```
#293e84 rgb(41,62,132)
```

Analogous Color

#847029
```
#847029 rgb(132,112,41)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#84293e
```
#84293e rgb(132,41,62)
```

Split Complementary Color

#6b8429
```
#6b8429 rgb(107,132,41)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#84296b
```
#84296b rgb(132,41,107)
```

Triadic Color

#298442
```
#298442 rgb(41,132,66)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#84296b
```
#84296b rgb(132,41,107)
```
#844229
```
#844229 rgb(132,66,41)
```

Tetradic Color

#173c4a
```
#173c4a rgb(23,60,74)
```
#1d4b5d
```
#1d4b5d rgb(29,75,93)
```
#235b71
```
#235b71 rgb(35,91,113)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#2f7b97
```
#2f7b97 rgb(47,123,151)
```
#358bab
```
#358bab rgb(53,139,171)
```
#3b9abe
```
#3b9abe rgb(59,154,190)
```

Monochromatic Color

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

#298284
```
#298284 rgb(41,130,132)
```
#297a84
```
#297a84 rgb(41,122,132)
```
#297384
```
#297384 rgb(41,115,132)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#296384
```
#296384 rgb(41,99,132)
```
#295c84
```
#295c84 rgb(41,92,132)
```
#295484
```
#295484 rgb(41,84,132)
```

Similar Colors

Text with hexadecimal color #296b84

This text has a font color of #296b84.

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

#296b84 background color

This paragraph has a background color of #296b84.

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

#296b84 border color

This element has a border color of #296b84.

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

CSS codes

.text {color:#296b84;}

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

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

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, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#08161b
```
#08161b rgb(8,22,27)
```
#0d222a
```
#0d222a rgb(13,34,42)
```
#122e39
```
#122e39 rgb(18,46,57)
```
#163a48
```
#163a48 rgb(22,58,72)
```
#1b4757
```
#1b4757 rgb(27,71,87)
```
#205366
```
#205366 rgb(32,83,102)
```
#245f75
```
#245f75 rgb(36,95,117)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#2e7793
```
#2e7793 rgb(46,119,147)
```
#3283a2
```
#3283a2 rgb(50,131,162)
```
#378fb1
```
#378fb1 rgb(55,143,177)
```
#3c9cc0
```
#3c9cc0 rgb(60,156,192)
```

Shade Color Variation

#49a4c6
```
#49a4c6 rgb(73,164,198)
```
#58abcb
```
#58abcb rgb(88,171,203)
```
#67b3d0
```
#67b3d0 rgb(103,179,208)
```
#76bad4
```
#76bad4 rgb(118,186,212)
```
#85c2d9
```
#85c2d9 rgb(133,194,217)
```
#94c9de
```
#94c9de rgb(148,201,222)
```
#a3d1e2
```
#a3d1e2 rgb(163,209,226)
```
#b1d8e7
```
#b1d8e7 rgb(177,216,231)
```
#c0e0ec
```
#c0e0ec rgb(192,224,236)
```
#cfe7f0
```
#cfe7f0 rgb(207,231,240)
```
#deeff5
```
#deeff5 rgb(222,239,245)
```
#edf6fa
```
#edf6fa rgb(237,246,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #51595c is the less saturated color, while #017dac is the most saturated one.

#51595c
```
#51595c rgb(81,89,92)
```
#4a5c63
```
#4a5c63 rgb(74,92,99)
```
#445f69
```
#445f69 rgb(68,95,105)
```
#3d6270
```
#3d6270 rgb(61,98,112)
```
#366577
```
#366577 rgb(54,101,119)
```
#30687d
```
#30687d rgb(48,104,125)
```
#296b84
```
#296b84 rgb(41,107,132)
```
#226e8b
```
#226e8b rgb(34,110,139)
```
#1c7191
```
#1c7191 rgb(28,113,145)
```
#157498
```
#157498 rgb(21,116,152)
```
#0e779f
```
#0e779f rgb(14,119,159)
```
#087aa5
```
#087aa5 rgb(8,122,165)
```
#017dac
```
#017dac rgb(1,125,172)
```

Tone Color Variation

Below, you can see how #296b84 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
#505d62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a85 Protanopia 1% of men
#616a8d Deuteranopia 1% of men
#2a757d Tritanopia 0.001% of the population

Trichromacy

#4f6a84 Protanomaly 1% of men, 0.01% of women
#4c6a8a Deuteranomaly 6% of men, 0.4% of women
#2a717f Tritanomaly 0.01% of the population

#296b84 hex color

#296b84 Color Information

#296b84 Color Conversion

Color Schemes with #296b84

Alternatives to #296b84

#296b84 Preview

Shades and Tints of #296b84

Tones of #296b84

Color Blindness Simulator