#228fd6 Color Information
In a RGB color space, hex #228fd6 is composed of 13.3% red, 56.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 84.1% cyan, 33.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 203.7 degrees, a saturation of 72.6% and a lightness of 48.6%. #228fd6 color hex could be obtained by blending #44ffff with #001fad. Closest websafe color is: #3399cc.
-
- R 13
- G 56
- B 84
-
- C 84
- M 33
- Y 0
- K 16
● #228fd6 color description : Strong blue.
#228fd6 Color Conversion
The hexadecimal color #228fd6 has RGB values of R:34, G:143, B:214 and CMYK values of C:0.84, M:0.33, Y:0, K:0.16. Its decimal value is 2265046.
Hex triplet | 228fd6 | #228fd6 |
---|---|---|
RGB Decimal | 34, 143, 214 | rgb(34,143,214) |
RGB Percent | 13.3, 56.1, 83.9 | rgb(13.3%,56.1%,83.9%) |
CMYK | 84, 33, 0, 16 | |
HSL | 203.7°, 72.6, 48.6 | hsl(203.7,72.6%,48.6%) |
HSV (or HSB) | 203.7°, 84.1, 83.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.917, -4.461, -44.576 |
---|---|
XYZ | 22.617, 24.838, 67.217 |
xyY | 0.197, 0.217, 24.838 |
CIE-LCH | 56.917, 44.799, 264.285 |
CIE-LUV | 56.917, -34.231, -69.399 |
Hunter-Lab | 49.838, -6.211, -45.079 |
Binary | 00100010, 10001111, 11010110 |
Color Schemes with #228fd6
Alternatives to #228fd6
Below, you can see some colors close to #228fd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#228fd6 Preview
This text has a font color of #228fd6.
<span style="color:#228fd6;">Text here</span>
This paragraph has a background color of #228fd6.
<p style="background-color:#228fd6;">Content here</p>
This element has a border color of #228fd6.
<div style="border:1px solid #228fd6;">Content here</div>
.text {color:#228fd6;}
.background {background-color:#228fd6;}
.border {border:1px solid #228fd6;}
Shades and Tints of #228fd6
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, #02070b is the darkest color, while #f9fcfe is the lightest one.
-
#02070b
#02070b
rgb(2,7,11)
-
#04131c
#04131c
rgb(4,19,28)
-
#071e2d
#071e2d
rgb(7,30,45)
-
#0a293e
#0a293e
rgb(10,41,62)
-
#0c354f
#0c354f
rgb(12,53,79)
-
#0f4060
#0f4060
rgb(15,64,96)
-
#124b70
#124b70
rgb(18,75,112)
-
#155681
#155681
rgb(21,86,129)
-
#176292
#176292
rgb(23,98,146)
-
#1a6da3
#1a6da3
rgb(26,109,163)
-
#1d78b4
#1d78b4
rgb(29,120,180)
-
#1f84c5
#1f84c5
rgb(31,132,197)
-
#228fd6
#228fd6
rgb(34,143,214)
-
#2e98de
#2e98de
rgb(46,152,222)
-
#3fa1e0
#3fa1e0
rgb(63,161,224)
-
#50a9e3
#50a9e3
rgb(80,169,227)
-
#61b1e6
#61b1e6
rgb(97,177,230)
-
#72bae9
#72bae9
rgb(114,186,233)
-
#82c2eb
#82c2eb
rgb(130,194,235)
-
#93caee
#93caee
rgb(147,202,238)
-
#a4d3f1
#a4d3f1
rgb(164,211,241)
-
#b5dbf3
#b5dbf3
rgb(181,219,243)
-
#c6e3f6
#c6e3f6
rgb(198,227,246)
-
#d7ebf9
#d7ebf9
rgb(215,235,249)
-
#e8f4fb
#e8f4fb
rgb(232,244,251)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #228fd6
A tone is produced by adding gray to any pure hue. In this case, #787d80 is the less saturated color, while #0595f3 is the most saturated one.
-
#787d80
#787d80
rgb(120,125,128)
-
#6e7f8a
#6e7f8a
rgb(110,127,138)
-
#658193
#658193
rgb(101,129,147)
-
#5b839d
#5b839d
rgb(91,131,157)
-
#5285a6
#5285a6
rgb(82,133,166)
-
#4887b0
#4887b0
rgb(72,135,176)
-
#3f89b9
#3f89b9
rgb(63,137,185)
-
#358bc3
#358bc3
rgb(53,139,195)
-
#2c8dcc
#2c8dcc
rgb(44,141,204)
-
#228fd6
#228fd6
rgb(34,143,214)
-
#1891e0
#1891e0
rgb(24,145,224)
-
#0f93e9
#0f93e9
rgb(15,147,233)
-
#0595f3
#0595f3
rgb(5,149,243)
Color Blindness Simulator
Below, you can see how #228fd6 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.