#228aa2 Color Information
In a RGB color space, hex #228aa2 is composed of 13.3% red, 54.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 14.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 191.3 degrees, a saturation of 65.3% and a lightness of 38.4%. #228aa2 color hex could be obtained by blending #44ffff with #001545. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 64
-
- C 79
- M 15
- Y 0
- K 36
● #228aa2 color description : Dark cyan.
#228aa2 Color Conversion
The hexadecimal color #228aa2 has RGB values of R:34, G:138, B:162 and CMYK values of C:0.79, M:0.15, Y:0, K:0.36. Its decimal value is 2263714.
Hex triplet | 228aa2 | #228aa2 |
---|---|---|
RGB Decimal | 34, 138, 162 | rgb(34,138,162) |
RGB Percent | 13.3, 54.1, 63.5 | rgb(13.3%,54.1%,63.5%) |
CMYK | 79, 15, 0, 36 | |
HSL | 191.3°, 65.3, 38.4 | hsl(191.3,65.3%,38.4%) |
HSV (or HSB) | 191.3°, 79, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.085, -20.171, -20.955 |
---|---|
XYZ | 16.268, 21.124, 37.4 |
xyY | 0.218, 0.282, 21.124 |
CIE-LCH | 53.085, 29.085, 226.092 |
CIE-LUV | 53.085, -35.692, -28.587 |
Hunter-Lab | 45.961, -17.252, -16.074 |
Binary | 00100010, 10001010, 10100010 |
Color Schemes with #228aa2
Alternatives to #228aa2
Below, you can see some colors close to #228aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228aa2 Preview
This text has a font color of #228aa2.
<span style="color:#228aa2;">Text here</span>
This paragraph has a background color of #228aa2.
<p style="background-color:#228aa2;">Content here</p>
This element has a border color of #228aa2.
<div style="border:1px solid #228aa2;">Content here</div>
.text {color:#228aa2;}
.background {background-color:#228aa2;}
.border {border:1px solid #228aa2;}
Shades and Tints of #228aa2
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, #030e10 is the darkest color, while #ffffff is the lightest one.
-
#030e10
#030e10
rgb(3,14,16)
-
#071c20
#071c20
rgb(7,28,32)
-
#0a2931
#0a2931
rgb(10,41,49)
-
#0e3741
#0e3741
rgb(14,55,65)
-
#114551
#114551
rgb(17,69,81)
-
#145361
#145361
rgb(20,83,97)
-
#186171
#186171
rgb(24,97,113)
-
#1b6e82
#1b6e82
rgb(27,110,130)
-
#1f7c92
#1f7c92
rgb(31,124,146)
-
#228aa2
#228aa2
rgb(34,138,162)
-
#2598b2
#2598b2
rgb(37,152,178)
-
#29a6c2
#29a6c2
rgb(41,166,194)
-
#2cb3d3
#2cb3d3
rgb(44,179,211)
-
#3cb9d6
#3cb9d6
rgb(60,185,214)
-
#4dbfda
#4dbfda
rgb(77,191,218)
-
#5dc5dd
#5dc5dd
rgb(93,197,221)
-
#6dcbe0
#6dcbe0
rgb(109,203,224)
-
#7dd1e4
#7dd1e4
rgb(125,209,228)
-
#8dd6e7
#8dd6e7
rgb(141,214,231)
-
#9edceb
#9edceb
rgb(158,220,235)
-
#aee2ee
#aee2ee
rgb(174,226,238)
-
#bee8f1
#bee8f1
rgb(190,232,241)
-
#ceeef5
#ceeef5
rgb(206,238,245)
-
#def3f8
#def3f8
rgb(222,243,248)
-
#eff9fc
#eff9fc
rgb(239,249,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #228aa2
A tone is produced by adding gray to any pure hue. In this case, #5e6466 is the less saturated color, while #049dc0 is the most saturated one.
-
#5e6466
#5e6466
rgb(94,100,102)
-
#57696d
#57696d
rgb(87,105,109)
-
#4f6e75
#4f6e75
rgb(79,110,117)
-
#48727c
#48727c
rgb(72,114,124)
-
#407784
#407784
rgb(64,119,132)
-
#397c8b
#397c8b
rgb(57,124,139)
-
#318193
#318193
rgb(49,129,147)
-
#2a859a
#2a859a
rgb(42,133,154)
-
#228aa2
#228aa2
rgb(34,138,162)
-
#1a8faa
#1a8faa
rgb(26,143,170)
-
#1393b1
#1393b1
rgb(19,147,177)
-
#0b98b9
#0b98b9
rgb(11,152,185)
-
#049dc0
#049dc0
rgb(4,157,192)
Color Blindness Simulator
Below, you can see how #228aa2 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.