#229aaf Color Information
In a RGB color space, hex #229aaf is composed of 13.3% red, 60.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 12% magenta, 0% yellow and 31.4% black. It has a hue angle of 188.9 degrees, a saturation of 67.5% and a lightness of 41%. #229aaf color hex could be obtained by blending #44ffff with #00355f. Closest websafe color is: #339999.
-
- R 13
- G 60
- B 69
-
- C 81
- M 12
- Y 0
- K 31
● #229aaf color description : Dark cyan.
#229aaf Color Conversion
The hexadecimal color #229aaf has RGB values of R:34, G:154, B:175 and CMYK values of C:0.81, M:0.12, Y:0, K:0.31. Its decimal value is 2267823.
Hex triplet | 229aaf | #229aaf |
---|---|---|
RGB Decimal | 34, 154, 175 | rgb(34,154,175) |
RGB Percent | 13.3, 60.4, 68.6 | rgb(13.3%,60.4%,68.6%) |
CMYK | 81, 12, 0, 31 | |
HSL | 188.9°, 67.5, 41 | hsl(188.9,67.5%,41%) |
HSV (or HSB) | 188.9°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.55, -24.186, -20.028 |
---|---|
XYZ | 19.951, 26.545, 44.627 |
xyY | 0.219, 0.291, 26.545 |
CIE-LCH | 58.55, 31.402, 219.627 |
CIE-LUV | 58.55, -40.545, -27.056 |
Hunter-Lab | 51.521, -21.041, -15.291 |
Binary | 00100010, 10011010, 10101111 |
Color Schemes with #229aaf
Alternatives to #229aaf
Below, you can see some colors close to #229aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229aaf Preview
This text has a font color of #229aaf.
<span style="color:#229aaf;">Text here</span>
This paragraph has a background color of #229aaf.
<p style="background-color:#229aaf;">Content here</p>
This element has a border color of #229aaf.
<div style="border:1px solid #229aaf;">Content here</div>
.text {color:#229aaf;}
.background {background-color:#229aaf;}
.border {border:1px solid #229aaf;}
Shades and Tints of #229aaf
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, #02090b is the darkest color, while #f9fdfe is the lightest one.
-
#02090b
#02090b
rgb(2,9,11)
-
#05181b
#05181b
rgb(5,24,27)
-
#08262c
#08262c
rgb(8,38,44)
-
#0c353c
#0c353c
rgb(12,53,60)
-
#0f434c
#0f434c
rgb(15,67,76)
-
#12525d
#12525d
rgb(18,82,93)
-
#15606d
#15606d
rgb(21,96,109)
-
#186f7e
#186f7e
rgb(24,111,126)
-
#1c7d8e
#1c7d8e
rgb(28,125,142)
-
#1f8c9f
#1f8c9f
rgb(31,140,159)
-
#229aaf
#229aaf
rgb(34,154,175)
-
#25a8bf
#25a8bf
rgb(37,168,191)
-
#28b7d0
#28b7d0
rgb(40,183,208)
-
#34bfd8
#34bfd8
rgb(52,191,216)
-
#45c4db
#45c4db
rgb(69,196,219)
-
#55cade
#55cade
rgb(85,202,222)
-
#66cfe1
#66cfe1
rgb(102,207,225)
-
#76d4e4
#76d4e4
rgb(118,212,228)
-
#86d9e8
#86d9e8
rgb(134,217,232)
-
#97deeb
#97deeb
rgb(151,222,235)
-
#a7e3ee
#a7e3ee
rgb(167,227,238)
-
#b8e9f1
#b8e9f1
rgb(184,233,241)
-
#c8eef4
#c8eef4
rgb(200,238,244)
-
#d8f3f8
#d8f3f8
rgb(216,243,248)
-
#e9f8fb
#e9f8fb
rgb(233,248,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #229aaf
A tone is produced by adding gray to any pure hue. In this case, #626d6f is the less saturated color, while #02b1cf is the most saturated one.
-
#626d6f
#626d6f
rgb(98,109,111)
-
#5a7277
#5a7277
rgb(90,114,119)
-
#52787f
#52787f
rgb(82,120,127)
-
#4a7e87
#4a7e87
rgb(74,126,135)
-
#42838f
#42838f
rgb(66,131,143)
-
#3a8997
#3a8997
rgb(58,137,151)
-
#328f9f
#328f9f
rgb(50,143,159)
-
#2a94a7
#2a94a7
rgb(42,148,167)
-
#229aaf
#229aaf
rgb(34,154,175)
-
#1aa0b7
#1aa0b7
rgb(26,160,183)
-
#12a5bf
#12a5bf
rgb(18,165,191)
-
#0aabc7
#0aabc7
rgb(10,171,199)
-
#02b1cf
#02b1cf
rgb(2,177,207)
Color Blindness Simulator
Below, you can see how #229aaf 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.