#229caa Color Information
In a RGB color space, hex #229caa is composed of 13.3% red, 61.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 8.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 186.2 degrees, a saturation of 66.7% and a lightness of 40%. #229caa color hex could be obtained by blending #44ffff with #003955. Closest websafe color is: #339999.
-
- R 13
- G 61
- B 67
-
- C 80
- M 8
- Y 0
- K 33
● #229caa color description : Dark cyan.
#229caa Color Conversion
The hexadecimal color #229caa has RGB values of R:34, G:156, B:170 and CMYK values of C:0.8, M:0.08, Y:0, K:0.33. Its decimal value is 2268330.
Hex triplet | 229caa | #229caa |
---|---|---|
RGB Decimal | 34, 156, 170 | rgb(34,156,170) |
RGB Percent | 13.3, 61.2, 66.7 | rgb(13.3%,61.2%,66.7%) |
CMYK | 80, 8, 0, 33 | |
HSL | 186.2°, 66.7, 40 | hsl(186.2,66.7%,40%) |
HSV (or HSB) | 186.2°, 80, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 58.99, -26.825, -16.524 |
---|---|
XYZ | 19.802, 27.017, 42.199 |
xyY | 0.222, 0.304, 27.017 |
CIE-LCH | 58.99, 31.506, 211.633 |
CIE-LUV | 58.99, -41.611, -21.138 |
Hunter-Lab | 51.978, -22.96, -11.751 |
Binary | 00100010, 10011100, 10101010 |
Color Schemes with #229caa
Alternatives to #229caa
Below, you can see some colors close to #229caa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229caa Preview
This text has a font color of #229caa.
<span style="color:#229caa;">Text here</span>
This paragraph has a background color of #229caa.
<p style="background-color:#229caa;">Content here</p>
This element has a border color of #229caa.
<div style="border:1px solid #229caa;">Content here</div>
.text {color:#229caa;}
.background {background-color:#229caa;}
.border {border:1px solid #229caa;}
Shades and Tints of #229caa
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)
-
#051517
#051517
rgb(5,21,23)
-
#082427
#082427
rgb(8,36,39)
-
#0b3338
#0b3338
rgb(11,51,56)
-
#0e4248
#0e4248
rgb(14,66,72)
-
#125158
#125158
rgb(18,81,88)
-
#156069
#156069
rgb(21,96,105)
-
#186f79
#186f79
rgb(24,111,121)
-
#1b7e89
#1b7e89
rgb(27,126,137)
-
#1f8d9a
#1f8d9a
rgb(31,141,154)
-
#229caa
#229caa
rgb(34,156,170)
-
#25abba
#25abba
rgb(37,171,186)
-
#29bacb
#29bacb
rgb(41,186,203)
-
#31c5d6
#31c5d6
rgb(49,197,214)
-
#41c9d9
#41c9d9
rgb(65,201,217)
-
#52cedc
#52cedc
rgb(82,206,220)
-
#62d3e0
#62d3e0
rgb(98,211,224)
-
#72d7e3
#72d7e3
rgb(114,215,227)
-
#83dce6
#83dce6
rgb(131,220,230)
-
#93e1e9
#93e1e9
rgb(147,225,233)
-
#a3e5ed
#a3e5ed
rgb(163,229,237)
-
#b4eaf0
#b4eaf0
rgb(180,234,240)
-
#c4eef3
#c4eef3
rgb(196,238,243)
-
#d5f3f7
#d5f3f7
rgb(213,243,247)
-
#e5f8fa
#e5f8fa
rgb(229,248,250)
-
#f5fcfd
#f5fcfd
rgb(245,252,253)
Tones of #229caa
A tone is produced by adding gray to any pure hue. In this case, #616a6b is the less saturated color, while #03b5c9 is the most saturated one.
-
#616a6b
#616a6b
rgb(97,106,107)
-
#597073
#597073
rgb(89,112,115)
-
#51777b
#51777b
rgb(81,119,123)
-
#497d83
#497d83
rgb(73,125,131)
-
#41838b
#41838b
rgb(65,131,139)
-
#3a8992
#3a8992
rgb(58,137,146)
-
#32909a
#32909a
rgb(50,144,154)
-
#2a96a2
#2a96a2
rgb(42,150,162)
-
#229caa
#229caa
rgb(34,156,170)
-
#1aa2b2
#1aa2b2
rgb(26,162,178)
-
#12a8ba
#12a8ba
rgb(18,168,186)
-
#0aafc2
#0aafc2
rgb(10,175,194)
-
#03b5c9
#03b5c9
rgb(3,181,201)
Color Blindness Simulator
Below, you can see how #229caa 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.