#228caf Color Information
In a RGB color space, hex #228caf is composed of 13.3% red, 54.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 20% magenta, 0% yellow and 31.4% black. It has a hue angle of 194.9 degrees, a saturation of 67.5% and a lightness of 41%. #228caf color hex could be obtained by blending #44ffff with #00195f. Closest websafe color is: #339999.
-
- R 13
- G 55
- B 69
-
- C 81
- M 20
- Y 0
- K 31
● #228caf color description : Dark cyan.
#228caf Color Conversion
The hexadecimal color #228caf has RGB values of R:34, G:140, B:175 and CMYK values of C:0.81, M:0.2, Y:0, K:0.31. Its decimal value is 2264239.
Hex triplet | 228caf | #228caf |
---|---|---|
RGB Decimal | 34, 140, 175 | rgb(34,140,175) |
RGB Percent | 13.3, 54.9, 68.6 | rgb(13.3%,54.9%,68.6%) |
CMYK | 81, 20, 0, 31 | |
HSL | 194.9°, 67.5, 41 | hsl(194.9,67.5%,41%) |
HSV (or HSB) | 194.9°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.228, -16.783, -26.671 |
---|---|
XYZ | 17.774, 22.19, 43.901 |
xyY | 0.212, 0.265, 22.19 |
CIE-LCH | 54.228, 31.512, 237.819 |
CIE-LUV | 54.228, -35.559, -38.267 |
Hunter-Lab | 47.106, -15.086, -22.282 |
Binary | 00100010, 10001100, 10101111 |
Color Schemes with #228caf
Alternatives to #228caf
Below, you can see some colors close to #228caf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228caf Preview
This text has a font color of #228caf.
<span style="color:#228caf;">Text here</span>
This paragraph has a background color of #228caf.
<p style="background-color:#228caf;">Content here</p>
This element has a border color of #228caf.
<div style="border:1px solid #228caf;">Content here</div>
.text {color:#228caf;}
.background {background-color:#228caf;}
.border {border:1px solid #228caf;}
Shades and Tints of #228caf
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)
-
#05161b
#05161b
rgb(5,22,27)
-
#08232c
#08232c
rgb(8,35,44)
-
#0c303c
#0c303c
rgb(12,48,60)
-
#0f3d4c
#0f3d4c
rgb(15,61,76)
-
#124a5d
#124a5d
rgb(18,74,93)
-
#15576d
#15576d
rgb(21,87,109)
-
#18657e
#18657e
rgb(24,101,126)
-
#1c728e
#1c728e
rgb(28,114,142)
-
#1f7f9f
#1f7f9f
rgb(31,127,159)
-
#228caf
#228caf
rgb(34,140,175)
-
#2599bf
#2599bf
rgb(37,153,191)
-
#28a6d0
#28a6d0
rgb(40,166,208)
-
#34afd8
#34afd8
rgb(52,175,216)
-
#45b6db
#45b6db
rgb(69,182,219)
-
#55bcde
#55bcde
rgb(85,188,222)
-
#66c2e1
#66c2e1
rgb(102,194,225)
-
#76c9e4
#76c9e4
rgb(118,201,228)
-
#86cfe8
#86cfe8
rgb(134,207,232)
-
#97d6eb
#97d6eb
rgb(151,214,235)
-
#a7dcee
#a7dcee
rgb(167,220,238)
-
#b8e3f1
#b8e3f1
rgb(184,227,241)
-
#c8e9f4
#c8e9f4
rgb(200,233,244)
-
#d8f0f8
#d8f0f8
rgb(216,240,248)
-
#e9f6fb
#e9f6fb
rgb(233,246,251)
-
#f9fdfe
#f9fdfe
rgb(249,253,254)
Tones of #228caf
A tone is produced by adding gray to any pure hue. In this case, #626c6f is the less saturated color, while #029ccf is the most saturated one.
-
#626c6f
#626c6f
rgb(98,108,111)
-
#5a7077
#5a7077
rgb(90,112,119)
-
#52747f
#52747f
rgb(82,116,127)
-
#4a7887
#4a7887
rgb(74,120,135)
-
#427c8f
#427c8f
rgb(66,124,143)
-
#3a8097
#3a8097
rgb(58,128,151)
-
#32849f
#32849f
rgb(50,132,159)
-
#2a88a7
#2a88a7
rgb(42,136,167)
-
#228caf
#228caf
rgb(34,140,175)
-
#1a90b7
#1a90b7
rgb(26,144,183)
-
#1294bf
#1294bf
rgb(18,148,191)
-
#0a98c7
#0a98c7
rgb(10,152,199)
-
#029ccf
#029ccf
rgb(2,156,207)
Color Blindness Simulator
Below, you can see how #228caf 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.