#2296a5 hex color

In a RGB color space, hex #2296a5 is composed of 13.3% red, 58.8% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 9.1% magenta, 0% yellow and 35.3% black. It has a hue angle of 186.9 degrees, a saturation of 65.8% and a lightness of 39%. #2296a5 color hex could be obtained by blending #44ffff with #002d4b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 13
- G 59
- B 65
RGB color chart
- C 79
- M 9
- Y 0
- K 35
CMYK color chart

● #2296a5 color description : Dark cyan.

The hexadecimal color #2296a5 has RGB values of R:34, G:150, B:165 and CMYK values of C:0.79, M:0.09, Y:0, K:0.35. Its decimal value is 2266789.

Hex triplet	2296a5	`#2296a5`
RGB Decimal	34, 150, 165	`rgb(34,150,165)`
RGB Percent	13.3, 58.8, 64.7	`rgb(13.3%,58.8%,64.7%)`
CMYK	79, 9, 0, 35
HSL	186.9°, 65.8, 39	`hsl(186.9,65.8%,39%)`
HSV (or HSB)	186.9°, 79.4, 64.7
Web Safe	339999	`#339999`

CIE-LAB	56.946, -25.413, -16.784
XYZ	18.356, 24.868, 39.428
xyY	0.222, 0.301, 24.868
CIE-LCH	56.946, 30.455, 213.443
CIE-LUV	56.946, -39.811, -21.615
Hunter-Lab	49.867, -21.564, -11.97
Binary	00100010, 10010110, 10100101

#2296a5
```
#2296a5 rgb(34,150,165)
```
#a53122
```
#a53122 rgb(165,49,34)
```

Complementary Color

#22a573
```
#22a573 rgb(34,165,115)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#2255a5
```
#2255a5 rgb(34,85,165)
```

Analogous Color

#a57322
```
#a57322 rgb(165,115,34)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#a52254
```
#a52254 rgb(165,34,84)
```

Split Complementary Color

#96a522
```
#96a522 rgb(150,165,34)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#a52296
```
#a52296 rgb(165,34,150)
```

Triadic Color

#22a531
```
#22a531 rgb(34,165,49)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#a52296
```
#a52296 rgb(165,34,150)
```
#a53122
```
#a53122 rgb(165,49,34)
```

Tetradic Color

#155c66
```
#155c66 rgb(21,92,102)
```
#19707b
```
#19707b rgb(25,112,123)
```
#1e8390
```
#1e8390 rgb(30,131,144)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#26a9ba
```
#26a9ba rgb(38,169,186)
```
#2bbccf
```
#2bbccf rgb(43,188,207)
```
#3dc5d7
```
#3dc5d7 rgb(61,197,215)
```

Monochromatic Color

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

#22a593
```
#22a593 rgb(34,165,147)
```
#22a59e
```
#22a59e rgb(34,165,158)
```
#22a1a5
```
#22a1a5 rgb(34,161,165)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#228ba5
```
#228ba5 rgb(34,139,165)
```
#2280a5
```
#2280a5 rgb(34,128,165)
```
#2275a5
```
#2275a5 rgb(34,117,165)
```

Similar Colors

Text with hexadecimal color #2296a5

This text has a font color of #2296a5.

<span style="color:#2296a5;">Text here</span>

#2296a5 background color

This paragraph has a background color of #2296a5.

<p style="background-color:#2296a5;">Content here</p>

#2296a5 border color

This element has a border color of #2296a5.

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

CSS codes

.text {color:#2296a5;}

.background {background-color:#2296a5;}

.border {border:1px solid #2296a5;}

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

#000202
```
#000202 rgb(0,2,2)
```
#041113
```
#041113 rgb(4,17,19)
```
#072023
```
#072023 rgb(7,32,35)
```
#0b2f33
```
#0b2f33 rgb(11,47,51)
```
#0e3d43
```
#0e3d43 rgb(14,61,67)
```
#114c54
```
#114c54 rgb(17,76,84)
```
#155b64
```
#155b64 rgb(21,91,100)
```
#186a74
```
#186a74 rgb(24,106,116)
```
#1b7884
```
#1b7884 rgb(27,120,132)
```
#1f8795
```
#1f8795 rgb(31,135,149)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#25a5b5
```
#25a5b5 rgb(37,165,181)
```
#29b4c6
```
#29b4c6 rgb(41,180,198)
```

Shade Color Variation

#2ec1d4
```
#2ec1d4 rgb(46,193,212)
```
#3ec6d7
```
#3ec6d7 rgb(62,198,215)
```
#4ecbdb
```
#4ecbdb rgb(78,203,219)
```
#5fcfde
```
#5fcfde rgb(95,207,222)
```
#6fd4e1
```
#6fd4e1 rgb(111,212,225)
```
#7fd9e5
```
#7fd9e5 rgb(127,217,229)
```
#90dee8
```
#90dee8 rgb(144,222,232)
```
#a0e3eb
```
#a0e3eb rgb(160,227,235)
```
#b0e8ef
```
#b0e8ef rgb(176,232,239)
```
#c0ecf2
```
#c0ecf2 rgb(192,236,242)
```
#d1f1f5
```
#d1f1f5 rgb(209,241,245)
```
#e1f6f9
```
#e1f6f9 rgb(225,246,249)
```
#f1fbfc
```
#f1fbfc rgb(241,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6768 is the less saturated color, while #03aec4 is the most saturated one.

#5f6768
```
#5f6768 rgb(95,103,104)
```
#586d6f
```
#586d6f rgb(88,109,111)
```
#507377
```
#507377 rgb(80,115,119)
```
#48787f
```
#48787f rgb(72,120,127)
```
#417e86
```
#417e86 rgb(65,126,134)
```
#39848e
```
#39848e rgb(57,132,142)
```
#318a96
```
#318a96 rgb(49,138,150)
```
#2a909d
```
#2a909d rgb(42,144,157)
```
#2296a5
```
#2296a5 rgb(34,150,165)
```
#1a9cad
```
#1a9cad rgb(26,156,173)
```
#13a2b4
```
#13a2b4 rgb(19,162,180)
```
#0ba8bc
```
#0ba8bc rgb(11,168,188)
```
#03aec4
```
#03aec4 rgb(3,174,196)
```

Tone Color Variation

Below, you can see how #2296a5 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

#757575 Achromatopsia 0.005% of the population
#647c7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8da1 Protanopia 1% of men
#8a8caf Deuteranopia 1% of men
#2a9ba7 Tritanopia 0.001% of the population

Trichromacy

#6590a2 Protanomaly 1% of men, 0.01% of women
#648fab Deuteranomaly 6% of men, 0.4% of women
#2799a6 Tritanomaly 0.01% of the population

#2296a5 hex color

#2296a5 Color Information

#2296a5 Color Conversion

Color Schemes with #2296a5

Alternatives to #2296a5

#2296a5 Preview

Shades and Tints of #2296a5

Tones of #2296a5

Color Blindness Simulator