colorhexa.com

#22aeed hex color

In a RGB color space, hex #22aeed is composed of 13.3% red, 68.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 26.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 198.6 degrees, a saturation of 84.9% and a lightness of 53.1%. #22aeed color hex could be obtained by blending #44ffff with #005ddb. Closest websafe color is: #3399ff.

- R 13
- G 68
- B 93
RGB color chart
- C 86
- M 27
- Y 0
- K 7
CMYK color chart

● #22aeed color description : Vivid blue.

The hexadecimal color #22aeed has RGB values of R:34, G:174, B:237 and CMYK values of C:0.86, M:0.27, Y:0, K:0.07. Its decimal value is 2273005.

Hex triplet	22aeed	`#22aeed`
RGB Decimal	34, 174, 237	`rgb(34,174,237)`
RGB Percent	13.3, 68.2, 92.9	`rgb(13.3%,68.2%,92.9%)`
CMYK	86, 27, 0, 7
HSL	198.6°, 84.9, 53.1	`hsl(198.6,84.9%,53.1%)`
HSV (or HSB)	198.6°, 85.7, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.069, -13.595, -41.34
XYZ	31.078, 36.724, 85.567
xyY	0.203, 0.239, 36.724
CIE-LCH	67.069, 43.518, 251.796
CIE-LUV	67.069, -43.254, -64.718
Hunter-Lab	60.6, -14.509, -41.297
Binary	00100010, 10101110, 11101101

#22aeed
```
#22aeed rgb(34,174,237)
```
#ed6122
```
#ed6122 rgb(237,97,34)
```

Complementary Color

#22edc7
```
#22edc7 rgb(34,237,199)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#2248ed
```
#2248ed rgb(34,72,237)
```

Analogous Color

#edc722
```
#edc722 rgb(237,199,34)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#ed2248
```
#ed2248 rgb(237,34,72)
```

Split Complementary Color

#aeed22
```
#aeed22 rgb(174,237,34)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#ed22ae
```
#ed22ae rgb(237,34,174)
```

Triadic Color

#22ed61
```
#22ed61 rgb(34,237,97)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#ed22ae
```
#ed22ae rgb(237,34,174)
```
#ed6122
```
#ed6122 rgb(237,97,34)
```

Tetradic Color

#0f81b4
```
#0f81b4 rgb(15,129,180)
```
#1191cb
```
#1191cb rgb(17,145,203)
```
#12a2e3
```
#12a2e3 rgb(18,162,227)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#3ab7ef
```
#3ab7ef rgb(58,183,239)
```
#51bff1
```
#51bff1 rgb(81,191,241)
```
#69c8f3
```
#69c8f3 rgb(105,200,243)
```

Monochromatic Color

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

#22e1ed
```
#22e1ed rgb(34,225,237)
```
#22d0ed
```
#22d0ed rgb(34,208,237)
```
#22bfed
```
#22bfed rgb(34,191,237)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#229ded
```
#229ded rgb(34,157,237)
```
#228ced
```
#228ced rgb(34,140,237)
```
#227bed
```
#227bed rgb(34,123,237)
```

Similar Colors

Text with hexadecimal color #22aeed

This text has a font color of #22aeed.

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

#22aeed background color

This paragraph has a background color of #22aeed.

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

#22aeed border color

This element has a border color of #22aeed.

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

CSS codes

.text {color:#22aeed;}

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

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

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, #010b0f is the darkest color, while #fcfeff is the lightest one.

#010b0f
```
#010b0f rgb(1,11,15)
```
#031821
```
#031821 rgb(3,24,33)
```
#042533
```
#042533 rgb(4,37,51)
```
#063145
```
#063145 rgb(6,49,69)
```
#073e57
```
#073e57 rgb(7,62,87)
```
#094b69
```
#094b69 rgb(9,75,105)
```
#0a587c
```
#0a587c rgb(10,88,124)
```
#0c658e
```
#0c658e rgb(12,101,142)
```
#0d72a0
```
#0d72a0 rgb(13,114,160)
```
#0f7fb2
```
#0f7fb2 rgb(15,127,178)
```
#108cc4
```
#108cc4 rgb(16,140,196)
```
#1199d6
```
#1199d6 rgb(17,153,214)
```
#13a6e8
```
#13a6e8 rgb(19,166,232)
```

Shade Color Variation

#22aeed
```
#22aeed rgb(34,174,237)
```
#34b5ee
```
#34b5ee rgb(52,181,238)
```
#46bbf0
```
#46bbf0 rgb(70,187,240)
```
#58c2f1
```
#58c2f1 rgb(88,194,241)
```
#6bc9f3
```
#6bc9f3 rgb(107,201,243)
```
#7dcff4
```
#7dcff4 rgb(125,207,244)
```
#8fd6f6
```
#8fd6f6 rgb(143,214,246)
```
#a1ddf7
```
#a1ddf7 rgb(161,221,247)
```
#b3e3f9
```
#b3e3f9 rgb(179,227,249)
```
#c5eafa
```
#c5eafa rgb(197,234,250)
```
#d7f0fc
```
#d7f0fc rgb(215,240,252)
```
#eaf7fd
```
#eaf7fd rgb(234,247,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#878888
```
#878888 rgb(135,136,136)
```
#7e8b91
```
#7e8b91 rgb(126,139,145)
```
#758f9a
```
#758f9a rgb(117,143,154)
```
#6c92a3
```
#6c92a3 rgb(108,146,163)
```
#6296ad
```
#6296ad rgb(98,150,173)
```
#5999b6
```
#5999b6 rgb(89,153,182)
```
#509dbf
```
#509dbf rgb(80,157,191)
```
#47a0c8
```
#47a0c8 rgb(71,160,200)
```
#3ea4d1
```
#3ea4d1 rgb(62,164,209)
```
#34a7db
```
#34a7db rgb(52,167,219)
```
#2babe4
```
#2babe4 rgb(43,171,228)
```
#22aeed
```
#22aeed rgb(34,174,237)
```
#19b1f6
```
#19b1f6 rgb(25,177,246)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#76929f Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a5e5 Protanopia 1% of men
#83a7f2 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#69a8e7 Protanomaly 1% of men, 0.01% of women
#5fa9f0 Deuteranomaly 6% of men, 0.4% of women
#0cb4d3 Tritanomaly 0.01% of the population