#22a5be hex color

In a RGB color space, hex #22a5be is composed of 13.3% red, 64.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 13.2% magenta, 0% yellow and 25.5% black. It has a hue angle of 189.6 degrees, a saturation of 69.6% and a lightness of 43.9%. #22a5be color hex could be obtained by blending #44ffff with #004b7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 65
- B 75
RGB color chart
- C 82
- M 13
- Y 0
- K 25
CMYK color chart

● #22a5be color description : Strong cyan.

The hexadecimal color #22a5be has RGB values of R:34, G:165, B:190 and CMYK values of C:0.82, M:0.13, Y:0, K:0.25. Its decimal value is 2270654.

Hex triplet	22a5be	`#22a5be`
RGB Decimal	34, 165, 190	`rgb(34,165,190)`
RGB Percent	13.3, 64.7, 74.5	`rgb(13.3%,64.7%,74.5%)`
CMYK	82, 13, 0, 25
HSL	189.6°, 69.6, 43.9	`hsl(189.6,69.6%,43.9%)`
HSV (or HSB)	189.6°, 82.1, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.479, -24.868, -22.468
XYZ	23.406, 30.966, 53.456
xyY	0.217, 0.287, 30.966
CIE-LCH	62.479, 33.515, 222.097
CIE-LUV	62.479, -43.384, -31.213
Hunter-Lab	55.647, -22.301, -18.002
Binary	00100010, 10100101, 10111110

#22a5be
```
#22a5be rgb(34,165,190)
```
#be3b22
```
#be3b22 rgb(190,59,34)
```

Complementary Color

#22be89
```
#22be89 rgb(34,190,137)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#2257be
```
#2257be rgb(34,87,190)
```

Analogous Color

#be8922
```
#be8922 rgb(190,137,34)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#be2257
```
#be2257 rgb(190,34,87)
```

Split Complementary Color

#a5be22
```
#a5be22 rgb(165,190,34)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#be22a5
```
#be22a5 rgb(190,34,165)
```

Triadic Color

#22be3b
```
#22be3b rgb(34,190,59)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#be22a5
```
#be22a5 rgb(190,34,165)
```
#be3b22
```
#be3b22 rgb(190,59,34)
```

Tetradic Color

#166d7d
```
#166d7d rgb(22,109,125)
```
#1a7f93
```
#1a7f93 rgb(26,127,147)
```
#1e92a8
```
#1e92a8 rgb(30,146,168)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#26b8d4
```
#26b8d4 rgb(38,184,212)
```
#38c1db
```
#38c1db rgb(56,193,219)
```
#4dc8df
```
#4dc8df rgb(77,200,223)
```

Monochromatic Color

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

#22beb0
```
#22beb0 rgb(34,190,176)
```
#22bebd
```
#22bebd rgb(34,190,189)
```
#22b2be
```
#22b2be rgb(34,178,190)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#2298be
```
#2298be rgb(34,152,190)
```
#228bbe
```
#228bbe rgb(34,139,190)
```
#227ebe
```
#227ebe rgb(34,126,190)
```

Similar Colors

Text with hexadecimal color #22a5be

This text has a font color of #22a5be.

<span style="color:#22a5be;">Text here</span>

#22a5be background color

This paragraph has a background color of #22a5be.

<p style="background-color:#22a5be;">Content here</p>

#22a5be border color

This element has a border color of #22a5be.

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

CSS codes

.text {color:#22a5be;}

.background {background-color:#22a5be;}

.border {border:1px solid #22a5be;}

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

#010607
```
#010607 rgb(1,6,7)
```
#041518
```
#041518 rgb(4,21,24)
```
#072328
```
#072328 rgb(7,35,40)
```
#0a3139
```
#0a3139 rgb(10,49,57)
```
#0d404a
```
#0d404a rgb(13,64,74)
```
#104e5a
```
#104e5a rgb(16,78,90)
```
#135d6b
```
#135d6b rgb(19,93,107)
```
#166b7b
```
#166b7b rgb(22,107,123)
```
#197a8c
```
#197a8c rgb(25,122,140)
```
#1c889d
```
#1c889d rgb(28,136,157)
```
#1f97ad
```
#1f97ad rgb(31,151,173)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#25b3cf
```
#25b3cf rgb(37,179,207)
```

Shade Color Variation

#2ebeda
```
#2ebeda rgb(46,190,218)
```
#3ec3dd
```
#3ec3dd rgb(62,195,221)
```
#4fc8df
```
#4fc8df rgb(79,200,223)
```
#60cee2
```
#60cee2 rgb(96,206,226)
```
#70d3e5
```
#70d3e5 rgb(112,211,229)
```
#81d8e8
```
#81d8e8 rgb(129,216,232)
```
#92ddeb
```
#92ddeb rgb(146,221,235)
```
#a2e2ee
```
#a2e2ee rgb(162,226,238)
```
#b3e7f1
```
#b3e7f1 rgb(179,231,241)
```
#c3edf4
```
#c3edf4 rgb(195,237,244)
```
#d4f2f7
```
#d4f2f7 rgb(212,242,247)
```
#e5f7fa
```
#e5f7fa rgb(229,247,250)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707070 is the less saturated color, while #08b7d8 is the most saturated one.

#707070
```
#707070 rgb(112,112,112)
```
#677679
```
#677679 rgb(103,118,121)
```
#5e7c82
```
#5e7c82 rgb(94,124,130)
```
#56828a
```
#56828a rgb(86,130,138)
```
#4d8893
```
#4d8893 rgb(77,136,147)
```
#448e9c
```
#448e9c rgb(68,142,156)
```
#3c93a4
```
#3c93a4 rgb(60,147,164)
```
#3399ad
```
#3399ad rgb(51,153,173)
```
#2b9fb5
```
#2b9fb5 rgb(43,159,181)
```
#22a5be
```
#22a5be rgb(34,165,190)
```
#19abc7
```
#19abc7 rgb(25,171,199)
```
#11b1cf
```
#11b1cf rgb(17,177,207)
```
#08b7d8
```
#08b7d8 rgb(8,183,216)
```

Tone Color Variation

Below, you can see how #22a5be 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

#818181 Achromatopsia 0.005% of the population
#6e888d Atypical Achromatopsia 0.001% of the population

Dichromacy

#959bb8 Protanopia 1% of men
#929ac7 Deuteranopia 1% of men
#1dabb7 Tritanopia 0.001% of the population

Trichromacy

#6b9eba Protanomaly 1% of men, 0.01% of women
#699ec4 Deuteranomaly 6% of men, 0.4% of women
#1fa9ba Tritanomaly 0.01% of the population

#22a5be hex color

#22a5be Color Information

#22a5be Color Conversion

Color Schemes with #22a5be

Alternatives to #22a5be

#22a5be Preview

Shades and Tints of #22a5be

Tones of #22a5be

Color Blindness Simulator