#228fb0 Color Information
In a RGB color space, hex #228fb0 is composed of 13.3% red, 56.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 18.8% magenta, 0% yellow and 31% black. It has a hue angle of 193.9 degrees, a saturation of 67.6% and a lightness of 41.2%. #228fb0 color hex could be obtained by blending #44ffff with #001f61. Closest websafe color is: #339999.
-
- R 13
- G 56
- B 69
-
- C 81
- M 19
- Y 0
- K 31
● #228fb0 color description : Dark cyan.
#228fb0 Color Conversion
The hexadecimal color #228fb0 has RGB values of R:34, G:143, B:176 and CMYK values of C:0.81, M:0.19, Y:0, K:0.31. Its decimal value is 2265008.
Hex triplet | 228fb0 | #228fb0 |
---|---|---|
RGB Decimal | 34, 143, 176 | rgb(34,143,176) |
RGB Percent | 13.3, 56.1, 69 | rgb(13.3%,56.1%,69%) |
CMYK | 81, 19, 0, 31 | |
HSL | 193.9°, 67.6, 41.2 | hsl(193.9,67.6%,41.2%) |
HSV (or HSB) | 193.9°, 80.7, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.194, -18.064, -25.75 |
---|---|
XYZ | 18.317, 23.118, 44.569 |
xyY | 0.213, 0.269, 23.118 |
CIE-LCH | 55.194, 31.454, 234.95 |
CIE-LUV | 55.194, -36.559, -36.741 |
Hunter-Lab | 48.081, -16.142, -21.302 |
Binary | 00100010, 10001111, 10110000 |
Color Schemes with #228fb0
Alternatives to #228fb0
Below, you can see some colors close to #228fb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228fb0 Preview
This text has a font color of #228fb0.
<span style="color:#228fb0;">Text here</span>
This paragraph has a background color of #228fb0.
<p style="background-color:#228fb0;">Content here</p>
This element has a border color of #228fb0.
<div style="border:1px solid #228fb0;">Content here</div>
.text {color:#228fb0;}
.background {background-color:#228fb0;}
.border {border:1px solid #228fb0;}
Shades and Tints of #228fb0
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, #02090c is the darkest color, while #fafdfe is the lightest one.
-
#02090c
#02090c
rgb(2,9,12)
-
#05171c
#05171c
rgb(5,23,28)
-
#09242c
#09242c
rgb(9,36,44)
-
#0c323d
#0c323d
rgb(12,50,61)
-
#0f3f4d
#0f3f4d
rgb(15,63,77)
-
#124c5e
#124c5e
rgb(18,76,94)
-
#155a6e
#155a6e
rgb(21,90,110)
-
#18677f
#18677f
rgb(24,103,127)
-
#1c748f
#1c748f
rgb(28,116,143)
-
#1f82a0
#1f82a0
rgb(31,130,160)
-
#228fb0
#228fb0
rgb(34,143,176)
-
#259cc0
#259cc0
rgb(37,156,192)
-
#28aad1
#28aad1
rgb(40,170,209)
-
#35b2d8
#35b2d8
rgb(53,178,216)
-
#45b8db
#45b8db
rgb(69,184,219)
-
#56bfde
#56bfde
rgb(86,191,222)
-
#66c5e1
#66c5e1
rgb(102,197,225)
-
#77cbe5
#77cbe5
rgb(119,203,229)
-
#87d1e8
#87d1e8
rgb(135,209,232)
-
#98d8eb
#98d8eb
rgb(152,216,235)
-
#a8deee
#a8deee
rgb(168,222,238)
-
#b8e4f1
#b8e4f1
rgb(184,228,241)
-
#c9eaf5
#c9eaf5
rgb(201,234,245)
-
#d9f1f8
#d9f1f8
rgb(217,241,248)
-
#eaf7fb
#eaf7fb
rgb(234,247,251)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #228fb0
A tone is produced by adding gray to any pure hue. In this case, #636c6f is the less saturated color, while #02a0d0 is the most saturated one.
-
#636c6f
#636c6f
rgb(99,108,111)
-
#5b7177
#5b7177
rgb(91,113,119)
-
#527580
#527580
rgb(82,117,128)
-
#4a7988
#4a7988
rgb(74,121,136)
-
#427e90
#427e90
rgb(66,126,144)
-
#3a8298
#3a8298
rgb(58,130,152)
-
#3286a0
#3286a0
rgb(50,134,160)
-
#2a8ba8
#2a8ba8
rgb(42,139,168)
-
#228fb0
#228fb0
rgb(34,143,176)
-
#1a93b8
#1a93b8
rgb(26,147,184)
-
#1298c0
#1298c0
rgb(18,152,192)
-
#0a9cc8
#0a9cc8
rgb(10,156,200)
-
#02a0d0
#02a0d0
rgb(2,160,208)
Color Blindness Simulator
Below, you can see how #228fb0 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.