#229aec hex color

In a RGB color space, hex #229aec is composed of 13.3% red, 60.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 34.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 204.4 degrees, a saturation of 84.2% and a lightness of 52.9%. #229aec color hex could be obtained by blending #44ffff with #0035d9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 60
- B 93
RGB color chart
- C 86
- M 35
- Y 0
- K 7
CMYK color chart

● #229aec color description : Vivid blue.

The hexadecimal color #229aec has RGB values of R:34, G:154, B:236 and CMYK values of C:0.86, M:0.35, Y:0, K:0.07. Its decimal value is 2267884.

Hex triplet	229aec	`#229aec`
RGB Decimal	34, 154, 236	`rgb(34,154,236)`
RGB Percent	13.3, 60.4, 92.5	`rgb(13.3%,60.4%,92.5%)`
CMYK	86, 35, 0, 7
HSL	204.4°, 84.2, 52.9	`hsl(204.4,84.2%,52.9%)`
HSV (or HSB)	204.4°, 85.6, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	61.225, -2.759, -49.996
XYZ	27.352, 29.505, 83.606
xyY	0.195, 0.21, 29.505
CIE-LCH	61.225, 50.072, 266.841
CIE-LUV	61.225, -36.645, -79.516
Hunter-Lab	54.318, -5.174, -53.235
Binary	00100010, 10011010, 11101100

#229aec
```
#229aec rgb(34,154,236)
```
#ec7422
```
#ec7422 rgb(236,116,34)
```

Complementary Color

#22ecd9
```
#22ecd9 rgb(34,236,217)
```
#229aec
```
#229aec rgb(34,154,236)
```
#2235ec
```
#2235ec rgb(34,53,236)
```

Analogous Color

#ecd922
```
#ecd922 rgb(236,217,34)
```
#229aec
```
#229aec rgb(34,154,236)
```
#ec2235
```
#ec2235 rgb(236,34,53)
```

Split Complementary Color

#9aec22
```
#9aec22 rgb(154,236,34)
```
#229aec
```
#229aec rgb(34,154,236)
```
#ec229a
```
#ec229a rgb(236,34,154)
```

Triadic Color

#22ec74
```
#22ec74 rgb(34,236,116)
```
#229aec
```
#229aec rgb(34,154,236)
```
#ec229a
```
#ec229a rgb(236,34,154)
```
#ec7422
```
#ec7422 rgb(236,116,34)
```

Tetradic Color

#0f70b2
```
#0f70b2 rgb(15,112,178)
```
#117fca
```
#117fca rgb(17,127,202)
```
#138ee1
```
#138ee1 rgb(19,142,225)
```
#229aec
```
#229aec rgb(34,154,236)
```
#39a5ee
```
#39a5ee rgb(57,165,238)
```
#51aff0
```
#51aff0 rgb(81,175,240)
```
#68baf2
```
#68baf2 rgb(104,186,242)
```

Monochromatic Color

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

#22cdec
```
#22cdec rgb(34,205,236)
```
#22bcec
```
#22bcec rgb(34,188,236)
```
#22abec
```
#22abec rgb(34,171,236)
```
#229aec
```
#229aec rgb(34,154,236)
```
#2289ec
```
#2289ec rgb(34,137,236)
```
#2278ec
```
#2278ec rgb(34,120,236)
```
#2268ec
```
#2268ec rgb(34,104,236)
```

Similar Colors

Text with hexadecimal color #229aec

This text has a font color of #229aec.

<span style="color:#229aec;">Text here</span>

#229aec background color

This paragraph has a background color of #229aec.

<p style="background-color:#229aec;">Content here</p>

#229aec border color

This element has a border color of #229aec.

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

CSS codes

.text {color:#229aec;}

.background {background-color:#229aec;}

.border {border:1px solid #229aec;}

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, #01090e is the darkest color, while #fbfdff is the lightest one.

#01090e
```
#01090e rgb(1,9,14)
```
#031420
```
#031420 rgb(3,20,32)
```
#041f32
```
#041f32 rgb(4,31,50)
```
#062b44
```
#062b44 rgb(6,43,68)
```
#073656
```
#073656 rgb(7,54,86)
```
#094168
```
#094168 rgb(9,65,104)
```
#0b4d7a
```
#0b4d7a rgb(11,77,122)
```
#0c588c
```
#0c588c rgb(12,88,140)
```
#0e649e
```
#0e649e rgb(14,100,158)
```
#0f6fb0
```
#0f6fb0 rgb(15,111,176)
```
#117ac2
```
#117ac2 rgb(17,122,194)
```
#1286d5
```
#1286d5 rgb(18,134,213)
```
#1491e7
```
#1491e7 rgb(20,145,231)
```

Shade Color Variation

#229aec
```
#229aec rgb(34,154,236)
```
#34a2ee
```
#34a2ee rgb(52,162,238)
```
#46abef
```
#46abef rgb(70,171,239)
```
#58b3f1
```
#58b3f1 rgb(88,179,241)
```
#6abbf2
```
#6abbf2 rgb(106,187,242)
```
#7cc3f4
```
#7cc3f4 rgb(124,195,244)
```
#8eccf5
```
#8eccf5 rgb(142,204,245)
```
#a0d4f7
```
#a0d4f7 rgb(160,212,247)
```
#b3dcf8
```
#b3dcf8 rgb(179,220,248)
```
#c5e4fa
```
#c5e4fa rgb(197,228,250)
```
#d7edfc
```
#d7edfc rgb(215,237,252)
```
#e9f5fd
```
#e9f5fd rgb(233,245,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8990 is the less saturated color, while #109dfe is the most saturated one.

#7e8990
```
#7e8990 rgb(126,137,144)
```
#758a99
```
#758a99 rgb(117,138,153)
```
#6c8ca2
```
#6c8ca2 rgb(108,140,162)
```
#638eab
```
#638eab rgb(99,142,171)
```
#5990b5
```
#5990b5 rgb(89,144,181)
```
#5091be
```
#5091be rgb(80,145,190)
```
#4793c7
```
#4793c7 rgb(71,147,199)
```
#3e95d0
```
#3e95d0 rgb(62,149,208)
```
#3497da
```
#3497da rgb(52,151,218)
```
#2b98e3
```
#2b98e3 rgb(43,152,227)
```
#229aec
```
#229aec rgb(34,154,236)
```
#199cf5
```
#199cf5 rgb(25,156,245)
```
#109dfe
```
#109dfe rgb(16,157,254)
```

Tone Color Variation

Below, you can see how #229aec 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

#7f7f7f Achromatopsia 0.005% of the population
#6c8495 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7996e6 Protanopia 1% of men
#5e9aef Deuteranopia 1% of men
#00a8b3 Tritanopia 0.001% of the population

Trichromacy

#5997e8 Protanomaly 1% of men, 0.01% of women
#489aee Deuteranomaly 6% of men, 0.4% of women
#0ca3c7 Tritanomaly 0.01% of the population

#229aec hex color

#229aec Color Information

#229aec Color Conversion

Color Schemes with #229aec

Alternatives to #229aec

#229aec Preview

Shades and Tints of #229aec

Tones of #229aec

Color Blindness Simulator