#228aa1 Color Information
In a RGB color space, hex #228aa1 is composed of 13.3% red, 54.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 14.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 190.9 degrees, a saturation of 65.1% and a lightness of 38.2%. #228aa1 color hex could be obtained by blending #44ffff with #001543. Closest websafe color is: #339999.
-
- R 13
- G 54
- B 63
-
- C 79
- M 14
- Y 0
- K 37
● #228aa1 color description : Dark cyan.
#228aa1 Color Conversion
The hexadecimal color #228aa1 has RGB values of R:34, G:138, B:161 and CMYK values of C:0.79, M:0.14, Y:0, K:0.37. Its decimal value is 2263713.
Hex triplet | 228aa1 | #228aa1 |
---|---|---|
RGB Decimal | 34, 138, 161 | rgb(34,138,161) |
RGB Percent | 13.3, 54.1, 63.1 | rgb(13.3%,54.1%,63.1%) |
CMYK | 79, 14, 0, 37 | |
HSL | 190.9°, 65.1, 38.2 | hsl(190.9,65.1%,38.2%) |
HSV (or HSB) | 190.9°, 78.9, 63.1 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.046, -20.509, -20.437 |
---|---|
XYZ | 16.179, 21.089, 36.934 |
xyY | 0.218, 0.284, 21.089 |
CIE-LCH | 53.046, 28.953, 224.899 |
CIE-LUV | 53.046, -35.758, -27.721 |
Hunter-Lab | 45.922, -17.475, -15.539 |
Binary | 00100010, 10001010, 10100001 |
Color Schemes with #228aa1
Alternatives to #228aa1
Below, you can see some colors close to #228aa1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228aa1 Preview
This text has a font color of #228aa1.
<span style="color:#228aa1;">Text here</span>
This paragraph has a background color of #228aa1.
<p style="background-color:#228aa1;">Content here</p>
This element has a border color of #228aa1.
<div style="border:1px solid #228aa1;">Content here</div>
.text {color:#228aa1;}
.background {background-color:#228aa1;}
.border {border:1px solid #228aa1;}
Shades and Tints of #228aa1
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, #030d0f is the darkest color, while #feffff is the lightest one.
-
#030d0f
#030d0f
rgb(3,13,15)
-
#071b1f
#071b1f
rgb(7,27,31)
-
#0a2930
#0a2930
rgb(10,41,48)
-
#0d3740
#0d3740
rgb(13,55,64)
-
#114550
#114550
rgb(17,69,80)
-
#145260
#145260
rgb(20,82,96)
-
#186070
#186070
rgb(24,96,112)
-
#1b6e81
#1b6e81
rgb(27,110,129)
-
#1f7c91
#1f7c91
rgb(31,124,145)
-
#228aa1
#228aa1
rgb(34,138,161)
-
#2598b1
#2598b1
rgb(37,152,177)
-
#29a6c1
#29a6c1
rgb(41,166,193)
-
#2cb4d2
#2cb4d2
rgb(44,180,210)
-
#3cbad6
#3cbad6
rgb(60,186,214)
-
#4cc0d9
#4cc0d9
rgb(76,192,217)
-
#5cc5dd
#5cc5dd
rgb(92,197,221)
-
#6ccbe0
#6ccbe0
rgb(108,203,224)
-
#7cd1e3
#7cd1e3
rgb(124,209,227)
-
#8dd7e7
#8dd7e7
rgb(141,215,231)
-
#9ddcea
#9ddcea
rgb(157,220,234)
-
#ade2ee
#ade2ee
rgb(173,226,238)
-
#bde8f1
#bde8f1
rgb(189,232,241)
-
#cdedf5
#cdedf5
rgb(205,237,245)
-
#def3f8
#def3f8
rgb(222,243,248)
-
#eef9fb
#eef9fb
rgb(238,249,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #228aa1
A tone is produced by adding gray to any pure hue. In this case, #5e6465 is the less saturated color, while #049dbf is the most saturated one.
-
#5e6465
#5e6465
rgb(94,100,101)
-
#57696d
#57696d
rgb(87,105,109)
-
#4f6d74
#4f6d74
rgb(79,109,116)
-
#48727c
#48727c
rgb(72,114,124)
-
#407783
#407783
rgb(64,119,131)
-
#397c8b
#397c8b
rgb(57,124,139)
-
#318092
#318092
rgb(49,128,146)
-
#2a859a
#2a859a
rgb(42,133,154)
-
#228aa1
#228aa1
rgb(34,138,161)
-
#1b8fa9
#1b8fa9
rgb(27,143,169)
-
#1394b0
#1394b0
rgb(19,148,176)
-
#0c98b8
#0c98b8
rgb(12,152,184)
-
#049dbf
#049dbf
rgb(4,157,191)
Color Blindness Simulator
Below, you can see how #228aa1 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.