#228fb7 Color Information
In a RGB color space, hex #228fb7 is composed of 13.3% red, 56.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 21.9% magenta, 0% yellow and 28.2% black. It has a hue angle of 196.1 degrees, a saturation of 68.7% and a lightness of 42.5%. #228fb7 color hex could be obtained by blending #44ffff with #001f6f. Closest websafe color is: #3399cc.
-
- R 13
- G 56
- B 72
-
- C 81
- M 22
- Y 0
- K 28
● #228fb7 color description : Strong blue.
#228fb7 Color Conversion
The hexadecimal color #228fb7 has RGB values of R:34, G:143, B:183 and CMYK values of C:0.81, M:0.22, Y:0, K:0.28. Its decimal value is 2265015.
Hex triplet | 228fb7 | #228fb7 |
---|---|---|
RGB Decimal | 34, 143, 183 | rgb(34,143,183) |
RGB Percent | 13.3, 56.1, 71.8 | rgb(13.3%,56.1%,71.8%) |
CMYK | 81, 22, 0, 28 | |
HSL | 196.1°, 68.7, 42.5 | hsl(196.1,68.7%,42.5%) |
HSV (or HSB) | 196.1°, 81.4, 71.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.484, -15.629, -29.295 |
---|---|
XYZ | 19.027, 23.402, 48.311 |
xyY | 0.21, 0.258, 23.402 |
CIE-LCH | 55.484, 33.203, 241.92 |
CIE-LUV | 55.484, -36.104, -42.817 |
Hunter-Lab | 48.376, -14.45, -25.348 |
Binary | 00100010, 10001111, 10110111 |
Color Schemes with #228fb7
Alternatives to #228fb7
Below, you can see some colors close to #228fb7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228fb7 Preview
This text has a font color of #228fb7.
<span style="color:#228fb7;">Text here</span>
This paragraph has a background color of #228fb7.
<p style="background-color:#228fb7;">Content here</p>
This element has a border color of #228fb7.
<div style="border:1px solid #228fb7;">Content here</div>
.text {color:#228fb7;}
.background {background-color:#228fb7;}
.border {border:1px solid #228fb7;}
Shades and Tints of #228fb7
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, #000101 is the darkest color, while #eff9fc is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030e12
#030e12
rgb(3,14,18)
-
#061b22
#061b22
rgb(6,27,34)
-
#092833
#092833
rgb(9,40,51)
-
#0c3543
#0c3543
rgb(12,53,67)
-
#104154
#104154
rgb(16,65,84)
-
#134e64
#134e64
rgb(19,78,100)
-
#165b75
#165b75
rgb(22,91,117)
-
#196885
#196885
rgb(25,104,133)
-
#1c7596
#1c7596
rgb(28,117,150)
-
#1f82a6
#1f82a6
rgb(31,130,166)
-
#228fb7
#228fb7
rgb(34,143,183)
-
#259cc8
#259cc8
rgb(37,156,200)
-
#29a8d7
#29a8d7
rgb(41,168,215)
-
#3aafda
#3aafda
rgb(58,175,218)
-
#4ab6dd
#4ab6dd
rgb(74,182,221)
-
#5bbde0
#5bbde0
rgb(91,189,224)
-
#6bc3e4
#6bc3e4
rgb(107,195,228)
-
#7ccae7
#7ccae7
rgb(124,202,231)
-
#8cd1ea
#8cd1ea
rgb(140,209,234)
-
#9dd7ed
#9dd7ed
rgb(157,215,237)
-
#addef0
#addef0
rgb(173,222,240)
-
#bee5f3
#bee5f3
rgb(190,229,243)
-
#ceebf6
#ceebf6
rgb(206,235,246)
-
#dff2f9
#dff2f9
rgb(223,242,249)
-
#eff9fc
#eff9fc
rgb(239,249,252)
Tones of #228fb7
A tone is produced by adding gray to any pure hue. In this case, #657074 is the less saturated color, while #019ed8 is the most saturated one.
-
#657074
#657074
rgb(101,112,116)
-
#5c747d
#5c747d
rgb(92,116,125)
-
#547885
#547885
rgb(84,120,133)
-
#4c7c8d
#4c7c8d
rgb(76,124,141)
-
#438096
#438096
rgb(67,128,150)
-
#3b839e
#3b839e
rgb(59,131,158)
-
#3387a6
#3387a6
rgb(51,135,166)
-
#2a8baf
#2a8baf
rgb(42,139,175)
-
#228fb7
#228fb7
rgb(34,143,183)
-
#1a93bf
#1a93bf
rgb(26,147,191)
-
#1197c8
#1197c8
rgb(17,151,200)
-
#099bd0
#099bd0
rgb(9,155,208)
-
#019ed8
#019ed8
rgb(1,158,216)
Color Blindness Simulator
Below, you can see how #228fb7 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.