#296ca5 hex color

In a RGB color space, hex #296ca5 is composed of 16.1% red, 42.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 34.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 207.6 degrees, a saturation of 60.2% and a lightness of 40.4%. #296ca5 color hex could be obtained by blending #52d8ff with #00004b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 42
- B 65
RGB color chart
- C 75
- M 35
- Y 0
- K 35
CMYK color chart

● #296ca5 color description : Dark blue.

The hexadecimal color #296ca5 has RGB values of R:41, G:108, B:165 and CMYK values of C:0.75, M:0.35, Y:0, K:0.35. Its decimal value is 2714789.

Hex triplet	296ca5	`#296ca5`
RGB Decimal	41, 108, 165	`rgb(41,108,165)`
RGB Percent	16.1, 42.4, 64.7	`rgb(16.1%,42.4%,64.7%)`
CMYK	75, 35, 0, 35
HSL	207.6°, 60.2, 40.4	`hsl(207.6,60.2%,40.4%)`
HSV (or HSB)	207.6°, 75.2, 64.7
Web Safe	336699	`#336699`

CIE-LAB	44.107, -1.024, -36.673
XYZ	13.067, 13.912, 37.592
xyY	0.202, 0.215, 13.912
CIE-LCH	44.107, 36.688, 268.401
CIE-LUV	44.107, -23.85, -53.925
Hunter-Lab	37.299, -2.739, -33.646
Binary	00101001, 01101100, 10100101

#296ca5
```
#296ca5 rgb(41,108,165)
```
#a56229
```
#a56229 rgb(165,98,41)
```

Complementary Color

#29a5a0
```
#29a5a0 rgb(41,165,160)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#292ea5
```
#292ea5 rgb(41,46,165)
```

Analogous Color

#a5a029
```
#a5a029 rgb(165,160,41)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#a5292e
```
#a5292e rgb(165,41,46)
```

Split Complementary Color

#6ca529
```
#6ca529 rgb(108,165,41)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#a5296c
```
#a5296c rgb(165,41,108)
```

Triadic Color

#29a562
```
#29a562 rgb(41,165,98)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#a5296c
```
#a5296c rgb(165,41,108)
```
#a56229
```
#a56229 rgb(165,98,41)
```

Tetradic Color

#1a4468
```
#1a4468 rgb(26,68,104)
```
#1f517c
```
#1f517c rgb(31,81,124)
```
#245f91
```
#245f91 rgb(36,95,145)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#2e79b9
```
#2e79b9 rgb(46,121,185)
```
#3487cd
```
#3487cd rgb(52,135,205)
```
#4993d2
```
#4993d2 rgb(73,147,210)
```

Monochromatic Color

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

#298ba5
```
#298ba5 rgb(41,139,165)
```
#2981a5
```
#2981a5 rgb(41,129,165)
```
#2976a5
```
#2976a5 rgb(41,118,165)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#2962a5
```
#2962a5 rgb(41,98,165)
```
#2957a5
```
#2957a5 rgb(41,87,165)
```
#294da5
```
#294da5 rgb(41,77,165)
```

Similar Colors

Text with hexadecimal color #296ca5

This text has a font color of #296ca5.

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

#296ca5 background color

This paragraph has a background color of #296ca5.

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

#296ca5 border color

This element has a border color of #296ca5.

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

CSS codes

.text {color:#296ca5;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#060f18
```
#060f18 rgb(6,15,24)
```
#0a1a27
```
#0a1a27 rgb(10,26,39)
```
#0e2437
```
#0e2437 rgb(14,36,55)
```
#122e47
```
#122e47 rgb(18,46,71)
```
#153956
```
#153956 rgb(21,57,86)
```
#194366
```
#194366 rgb(25,67,102)
```
#1d4d76
```
#1d4d76 rgb(29,77,118)
```
#215786
```
#215786 rgb(33,87,134)
```
#256295
```
#256295 rgb(37,98,149)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#2d76b5
```
#2d76b5 rgb(45,118,181)
```
#3181c4
```
#3181c4 rgb(49,129,196)
```

Shade Color Variation

#3b8ace
```
#3b8ace rgb(59,138,206)
```
#4a94d2
```
#4a94d2 rgb(74,148,210)
```
#5a9dd6
```
#5a9dd6 rgb(90,157,214)
```
#6aa6da
```
#6aa6da rgb(106,166,218)
```
#79b0de
```
#79b0de rgb(121,176,222)
```
#89b9e2
```
#89b9e2 rgb(137,185,226)
```
#99c2e6
```
#99c2e6 rgb(153,194,230)
```
#a9ccea
```
#a9ccea rgb(169,204,234)
```
#b8d5ed
```
#b8d5ed rgb(184,213,237)
```
#c8def1
```
#c8def1 rgb(200,222,241)
```
#d8e8f5
```
#d8e8f5 rgb(216,232,245)
```
#e7f1f9
```
#e7f1f9 rgb(231,241,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60686e is the less saturated color, while #016fcd is the most saturated one.

#60686e
```
#60686e rgb(96,104,110)
```
#596875
```
#596875 rgb(89,104,117)
```
#51697d
```
#51697d rgb(81,105,125)
```
#496985
```
#496985 rgb(73,105,133)
```
#416a8d
```
#416a8d rgb(65,106,141)
```
#396b95
```
#396b95 rgb(57,107,149)
```
#316b9d
```
#316b9d rgb(49,107,157)
```
#296ca5
```
#296ca5 rgb(41,108,165)
```
#216dad
```
#216dad rgb(33,109,173)
```
#196db5
```
#196db5 rgb(25,109,181)
```
#116ebd
```
#116ebd rgb(17,110,189)
```
#096fc5
```
#096fc5 rgb(9,111,197)
```
#016fcd
```
#016fcd rgb(1,111,205)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#53616c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a6ea5 Protanopia 1% of men
#4b70ab Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#486da5 Protanomaly 1% of men, 0.01% of women
#3e6ea8 Deuteranomaly 6% of men, 0.4% of women
#0e758f Tritanomaly 0.01% of the population

#296ca5 hex color

#296ca5 Color Information

#296ca5 Color Conversion

Color Schemes with #296ca5

Alternatives to #296ca5

#296ca5 Preview

Shades and Tints of #296ca5

Tones of #296ca5

Color Blindness Simulator