#227aa2 Color Information
In a RGB color space, hex #227aa2 is composed of 13.3% red, 47.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 24.7% magenta, 0% yellow and 36.5% black. It has a hue angle of 198.8 degrees, a saturation of 65.3% and a lightness of 38.4%. #227aa2 color hex could be obtained by blending #44f4ff with #000045. Closest websafe color is: #336699.
-
- R 13
- G 48
- B 64
-
- C 79
- M 25
- Y 0
- K 36
● #227aa2 color description : Dark blue.
#227aa2 Color Conversion
The hexadecimal color #227aa2 has RGB values of R:34, G:122, B:162 and CMYK values of C:0.79, M:0.25, Y:0, K:0.36. Its decimal value is 2259618.
Hex triplet | 227aa2 | #227aa2 |
---|---|---|
RGB Decimal | 34, 122, 162 | rgb(34,122,162) |
RGB Percent | 13.3, 47.8, 63.5 | rgb(13.3%,47.8%,63.5%) |
CMYK | 79, 25, 0, 36 | |
HSL | 198.8°, 65.3, 38.4 | hsl(198.8,65.3%,38.4%) |
HSV (or HSB) | 198.8°, 79, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.091, -11.326, -28.673 |
---|---|
XYZ | 14.139, 16.867, 36.691 |
xyY | 0.209, 0.249, 16.867 |
CIE-LCH | 48.091, 30.829, 248.446 |
CIE-LUV | 48.091, -29.95, -41.207 |
Hunter-Lab | 41.069, -10.417, -24.221 |
Binary | 00100010, 01111010, 10100010 |
Color Schemes with #227aa2
Alternatives to #227aa2
Below, you can see some colors close to #227aa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#227aa2 Preview
This text has a font color of #227aa2.
<span style="color:#227aa2;">Text here</span>
This paragraph has a background color of #227aa2.
<p style="background-color:#227aa2;">Content here</p>
This element has a border color of #227aa2.
<div style="border:1px solid #227aa2;">Content here</div>
.text {color:#227aa2;}
.background {background-color:#227aa2;}
.border {border:1px solid #227aa2;}
Shades and Tints of #227aa2
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, #030c10 is the darkest color, while #ffffff is the lightest one.
-
#030c10
#030c10
rgb(3,12,16)
-
#071820
#071820
rgb(7,24,32)
-
#0a2531
#0a2531
rgb(10,37,49)
-
#0e3141
#0e3141
rgb(14,49,65)
-
#113d51
#113d51
rgb(17,61,81)
-
#144961
#144961
rgb(20,73,97)
-
#185571
#185571
rgb(24,85,113)
-
#1b6282
#1b6282
rgb(27,98,130)
-
#1f6e92
#1f6e92
rgb(31,110,146)
-
#227aa2
#227aa2
rgb(34,122,162)
-
#2586b2
#2586b2
rgb(37,134,178)
-
#2992c2
#2992c2
rgb(41,146,194)
-
#2c9fd3
#2c9fd3
rgb(44,159,211)
-
#3ca6d6
#3ca6d6
rgb(60,166,214)
-
#4dadda
#4dadda
rgb(77,173,218)
-
#5db5dd
#5db5dd
rgb(93,181,221)
-
#6dbce0
#6dbce0
rgb(109,188,224)
-
#7dc4e4
#7dc4e4
rgb(125,196,228)
-
#8dcbe7
#8dcbe7
rgb(141,203,231)
-
#9ed3eb
#9ed3eb
rgb(158,211,235)
-
#aedaee
#aedaee
rgb(174,218,238)
-
#bee1f1
#bee1f1
rgb(190,225,241)
-
#cee9f5
#cee9f5
rgb(206,233,245)
-
#def0f8
#def0f8
rgb(222,240,248)
-
#eff8fc
#eff8fc
rgb(239,248,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #227aa2
A tone is produced by adding gray to any pure hue. In this case, #5e6366 is the less saturated color, while #0485c0 is the most saturated one.
-
#5e6366
#5e6366
rgb(94,99,102)
-
#57666d
#57666d
rgb(87,102,109)
-
#4f6975
#4f6975
rgb(79,105,117)
-
#486c7c
#486c7c
rgb(72,108,124)
-
#406f84
#406f84
rgb(64,111,132)
-
#39728b
#39728b
rgb(57,114,139)
-
#317493
#317493
rgb(49,116,147)
-
#2a779a
#2a779a
rgb(42,119,154)
-
#227aa2
#227aa2
rgb(34,122,162)
-
#1a7daa
#1a7daa
rgb(26,125,170)
-
#1380b1
#1380b1
rgb(19,128,177)
-
#0b82b9
#0b82b9
rgb(11,130,185)
-
#0485c0
#0485c0
rgb(4,133,192)
Color Blindness Simulator
Below, you can see how #227aa2 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.