#229faf Color Information
In a RGB color space, hex #229faf is composed of 13.3% red, 62.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 9.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 186.8 degrees, a saturation of 67.5% and a lightness of 41%. #229faf color hex could be obtained by blending #44ffff with #003f5f. Closest websafe color is: #339999.
-
- R 13
- G 62
- B 69
-
- C 81
- M 9
- Y 0
- K 31
● #229faf color description : Dark cyan.
#229faf Color Conversion
The hexadecimal color #229faf has RGB values of R:34, G:159, B:175 and CMYK values of C:0.81, M:0.09, Y:0, K:0.31. Its decimal value is 2269103.
Hex triplet | 229faf | #229faf |
---|---|---|
RGB Decimal | 34, 159, 175 | rgb(34,159,175) |
RGB Percent | 13.3, 62.4, 68.6 | rgb(13.3%,62.4%,68.6%) |
CMYK | 81, 9, 0, 31 | |
HSL | 186.8°, 67.5, 41 | hsl(186.8,67.5%,41%) |
HSV (or HSB) | 186.8°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.096, -26.721, -17.675 |
---|---|
XYZ | 20.793, 28.23, 44.908 |
xyY | 0.221, 0.301, 28.23 |
CIE-LCH | 60.096, 32.037, 213.483 |
CIE-LUV | 60.096, -42.327, -23.051 |
Hunter-Lab | 53.131, -23.123, -12.921 |
Binary | 00100010, 10011111, 10101111 |
Color Schemes with #229faf
Alternatives to #229faf
Below, you can see some colors close to #229faf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#229faf Preview
This text has a font color of #229faf.
<span style="color:#229faf;">Text here</span>
This paragraph has a background color of #229faf.
<p style="background-color:#229faf;">Content here</p>
This element has a border color of #229faf.
<div style="border:1px solid #229faf;">Content here</div>
.text {color:#229faf;}
.background {background-color:#229faf;}
.border {border:1px solid #229faf;}
Shades and Tints of #229faf
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, #020a0b is the darkest color, while #f9fdfe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#05191b
#05191b
rgb(5,25,27)
-
#08282c
#08282c
rgb(8,40,44)
-
#0c373c
#0c373c
rgb(12,55,60)
-
#0f454c
#0f454c
rgb(15,69,76)
-
#12545d
#12545d
rgb(18,84,93)
-
#15636d
#15636d
rgb(21,99,109)
-
#18727e
#18727e
rgb(24,114,126)
-
#1c818e
#1c818e
rgb(28,129,142)
-
#1f909f
#1f909f
rgb(31,144,159)
-
#229faf
#229faf
rgb(34,159,175)
-
#25aebf
#25aebf
rgb(37,174,191)
-
#28bdd0
#28bdd0
rgb(40,189,208)
-
#34c5d8
#34c5d8
rgb(52,197,216)
-
#45cadb
#45cadb
rgb(69,202,219)
-
#55cede
#55cede
rgb(85,206,222)
-
#66d3e1
#66d3e1
rgb(102,211,225)
-
#76d8e4
#76d8e4
rgb(118,216,228)
-
#86dde8
#86dde8
rgb(134,221,232)
-
#97e1eb
#97e1eb
rgb(151,225,235)
-
#a7e6ee
#a7e6ee
rgb(167,230,238)
-
#b8ebf1
#b8ebf1
rgb(184,235,241)
-
#c8eff4
#c8eff4
rgb(200,239,244)
-
#d8f4f8
#d8f4f8
rgb(216,244,248)
-
#e9f9fb
#e9f9fb
rgb(233,249,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #229faf
A tone is produced by adding gray to any pure hue. In this case, #626d6f is the less saturated color, while #02b8cf is the most saturated one.
-
#626d6f
#626d6f
rgb(98,109,111)
-
#5a7477
#5a7477
rgb(90,116,119)
-
#527a7f
#527a7f
rgb(82,122,127)
-
#4a8087
#4a8087
rgb(74,128,135)
-
#42868f
#42868f
rgb(66,134,143)
-
#3a8c97
#3a8c97
rgb(58,140,151)
-
#32939f
#32939f
rgb(50,147,159)
-
#2a99a7
#2a99a7
rgb(42,153,167)
-
#229faf
#229faf
rgb(34,159,175)
-
#1aa5b7
#1aa5b7
rgb(26,165,183)
-
#12abbf
#12abbf
rgb(18,171,191)
-
#0ab2c7
#0ab2c7
rgb(10,178,199)
-
#02b8cf
#02b8cf
rgb(2,184,207)
Color Blindness Simulator
Below, you can see how #229faf 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.