#229aed Color Information
In a RGB color space, hex #229aed is composed of 13.3% red, 60.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 85.7% cyan, 35% magenta, 0% yellow and 7.1% black. It has a hue angle of 204.5 degrees, a saturation of 84.9% and a lightness of 53.1%. #229aed color hex could be obtained by blending #44ffff with #0035db. Closest websafe color is: #3399ff.
-
- R 13
- G 60
- B 93
-
- C 86
- M 35
- Y 0
- K 7
● #229aed color description : Vivid blue.
#229aed Color Conversion
The hexadecimal color #229aed has RGB values of R:34, G:154, B:237 and CMYK values of C:0.86, M:0.35, Y:0, K:0.07. Its decimal value is 2267885.
Hex triplet | 229aed | #229aed |
---|---|---|
RGB Decimal | 34, 154, 237 | rgb(34,154,237) |
RGB Percent | 13.3, 60.4, 92.9 | rgb(13.3%,60.4%,92.9%) |
CMYK | 86, 35, 0, 7 | |
HSL | 204.5°, 84.9, 53.1 | hsl(204.5,84.9%,53.1%) |
HSV (or HSB) | 204.5°, 85.7, 92.9 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 61.276, -2.393, -50.467 |
---|---|
XYZ | 27.498, 29.563, 84.373 |
xyY | 0.194, 0.209, 29.563 |
CIE-LCH | 61.276, 50.524, 267.285 |
CIE-LUV | 61.276, -36.589, -80.352 |
Hunter-Lab | 54.372, -4.878, -53.944 |
Binary | 00100010, 10011010, 11101101 |
Color Schemes with #229aed
Alternatives to #229aed
Below, you can see some colors close to #229aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229aed Preview
This text has a font color of #229aed.
<span style="color:#229aed;">Text here</span>
This paragraph has a background color of #229aed.
<p style="background-color:#229aed;">Content here</p>
This element has a border color of #229aed.
<div style="border:1px solid #229aed;">Content here</div>
.text {color:#229aed;}
.background {background-color:#229aed;}
.border {border:1px solid #229aed;}
Shades and Tints of #229aed
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, #01090f is the darkest color, while #fcfdff is the lightest one.
-
#01090f
#01090f
rgb(1,9,15)
-
#031521
#031521
rgb(3,21,33)
-
#042033
#042033
rgb(4,32,51)
-
#062b45
#062b45
rgb(6,43,69)
-
#073757
#073757
rgb(7,55,87)
-
#094269
#094269
rgb(9,66,105)
-
#0a4d7c
#0a4d7c
rgb(10,77,124)
-
#0c598e
#0c598e
rgb(12,89,142)
-
#0d64a0
#0d64a0
rgb(13,100,160)
-
#0f6fb2
#0f6fb2
rgb(15,111,178)
-
#107ac4
#107ac4
rgb(16,122,196)
-
#1186d6
#1186d6
rgb(17,134,214)
-
#1391e8
#1391e8
rgb(19,145,232)
-
#229aed
#229aed
rgb(34,154,237)
-
#34a2ee
#34a2ee
rgb(52,162,238)
-
#46abf0
#46abf0
rgb(70,171,240)
-
#58b3f1
#58b3f1
rgb(88,179,241)
-
#6bbbf3
#6bbbf3
rgb(107,187,243)
-
#7dc3f4
#7dc3f4
rgb(125,195,244)
-
#8fccf6
#8fccf6
rgb(143,204,246)
-
#a1d4f7
#a1d4f7
rgb(161,212,247)
-
#b3dcf9
#b3dcf9
rgb(179,220,249)
-
#c5e5fa
#c5e5fa
rgb(197,229,250)
-
#d7edfc
#d7edfc
rgb(215,237,252)
-
#eaf5fd
#eaf5fd
rgb(234,245,253)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #229aed
A tone is produced by adding gray to any pure hue. In this case, #878888 is the less saturated color, while #199cf6 is the most saturated one.
-
#878888
#878888
rgb(135,136,136)
-
#7e8991
#7e8991
rgb(126,137,145)
-
#758b9a
#758b9a
rgb(117,139,154)
-
#6c8da3
#6c8da3
rgb(108,141,163)
-
#628ead
#628ead
rgb(98,142,173)
-
#5990b6
#5990b6
rgb(89,144,182)
-
#5092bf
#5092bf
rgb(80,146,191)
-
#4793c8
#4793c8
rgb(71,147,200)
-
#3e95d1
#3e95d1
rgb(62,149,209)
-
#3497db
#3497db
rgb(52,151,219)
-
#2b98e4
#2b98e4
rgb(43,152,228)
-
#229aed
#229aed
rgb(34,154,237)
-
#199cf6
#199cf6
rgb(25,156,246)
Color Blindness Simulator
Below, you can see how #229aed 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.