#228baf Color Information
In a RGB color space, hex #228baf is composed of 13.3% red, 54.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 20.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 195.3 degrees, a saturation of 67.5% and a lightness of 41%. #228baf color hex could be obtained by blending #44ffff with #00175f. Closest websafe color is: #339999.
-
- R 13
- G 55
- B 69
-
- C 81
- M 21
- Y 0
- K 31
● #228baf color description : Dark blue.
#228baf Color Conversion
The hexadecimal color #228baf has RGB values of R:34, G:139, B:175 and CMYK values of C:0.81, M:0.21, Y:0, K:0.31. Its decimal value is 2263983.
Hex triplet | 228baf | #228baf |
---|---|---|
RGB Decimal | 34, 139, 175 | rgb(34,139,175) |
RGB Percent | 13.3, 54.5, 68.6 | rgb(13.3%,54.5%,68.6%) |
CMYK | 81, 21, 0, 31 | |
HSL | 195.3°, 67.5, 41 | hsl(195.3,67.5%,41%) |
HSV (or HSB) | 195.3°, 80.6, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 53.92, -16.237, -27.148 |
---|---|
XYZ | 17.628, 21.899, 43.853 |
xyY | 0.211, 0.263, 21.899 |
CIE-LCH | 53.92, 31.633, 239.117 |
CIE-LUV | 53.92, -35.203, -39.064 |
Hunter-Lab | 46.796, -14.652, -22.804 |
Binary | 00100010, 10001011, 10101111 |
Color Schemes with #228baf
Alternatives to #228baf
Below, you can see some colors close to #228baf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228baf Preview
This text has a font color of #228baf.
<span style="color:#228baf;">Text here</span>
This paragraph has a background color of #228baf.
<p style="background-color:#228baf;">Content here</p>
This element has a border color of #228baf.
<div style="border:1px solid #228baf;">Content here</div>
.text {color:#228baf;}
.background {background-color:#228baf;}
.border {border:1px solid #228baf;}
Shades and Tints of #228baf
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)
-
#18647e
#18647e
rgb(24,100,126)
-
#1c718e
#1c718e
rgb(28,113,142)
-
#1f7e9f
#1f7e9f
rgb(31,126,159)
-
#228baf
#228baf
rgb(34,139,175)
-
#2598bf
#2598bf
rgb(37,152,191)
-
#28a5d0
#28a5d0
rgb(40,165,208)
-
#34aed8
#34aed8
rgb(52,174,216)
-
#45b4db
#45b4db
rgb(69,180,219)
-
#55bbde
#55bbde
rgb(85,187,222)
-
#66c2e1
#66c2e1
rgb(102,194,225)
-
#76c8e4
#76c8e4
rgb(118,200,228)
-
#86cfe8
#86cfe8
rgb(134,207,232)
-
#97d5eb
#97d5eb
rgb(151,213,235)
-
#a7dcee
#a7dcee
rgb(167,220,238)
-
#b8e2f1
#b8e2f1
rgb(184,226,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 #228baf
A tone is produced by adding gray to any pure hue. In this case, #626c6f is the less saturated color, while #029bcf is the most saturated one.
-
#626c6f
#626c6f
rgb(98,108,111)
-
#5a6f77
#5a6f77
rgb(90,111,119)
-
#52737f
#52737f
rgb(82,115,127)
-
#4a7787
#4a7787
rgb(74,119,135)
-
#427b8f
#427b8f
rgb(66,123,143)
-
#3a7f97
#3a7f97
rgb(58,127,151)
-
#32839f
#32839f
rgb(50,131,159)
-
#2a87a7
#2a87a7
rgb(42,135,167)
-
#228baf
#228baf
rgb(34,139,175)
-
#1a8fb7
#1a8fb7
rgb(26,143,183)
-
#1293bf
#1293bf
rgb(18,147,191)
-
#0a97c7
#0a97c7
rgb(10,151,199)
-
#029bcf
#029bcf
rgb(2,155,207)
Color Blindness Simulator
Below, you can see how #228baf 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.