#388bb3 Color Information
In a RGB color space, hex #388bb3 is composed of 22% red, 54.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 22.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 199.5 degrees, a saturation of 52.3% and a lightness of 46.1%. #388bb3 color hex could be obtained by blending #70ffff with #001767. Closest websafe color is: #3399cc.
-
- R 22
- G 55
- B 70
-
- C 69
- M 22
- Y 0
- K 30
● #388bb3 color description : Moderate blue.
#388bb3 Color Conversion
The hexadecimal color #388bb3 has RGB values of R:56, G:139, B:179 and CMYK values of C:0.69, M:0.22, Y:0, K:0.3. Its decimal value is 3705779.
Hex triplet | 388bb3 | #388bb3 |
---|---|---|
RGB Decimal | 56, 139, 179 | rgb(56,139,179) |
RGB Percent | 22, 54.5, 70.2 | rgb(22%,54.5%,70.2%) |
CMYK | 69, 22, 0, 30 | |
HSL | 199.5°, 52.3, 46.1 | hsl(199.5,52.3%,46.1%) |
HSV (or HSB) | 199.5°, 68.7, 70.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.615, -12.032, -28.318 |
---|---|
XYZ | 18.998, 22.559, 45.998 |
xyY | 0.217, 0.258, 22.559 |
CIE-LCH | 54.615, 30.769, 246.98 |
CIE-LUV | 54.615, -31.551, -41.524 |
Hunter-Lab | 47.496, -11.721, -24.173 |
Binary | 00111000, 10001011, 10110011 |
Color Schemes with #388bb3
Alternatives to #388bb3
Below, you can see some colors close to #388bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#388bb3 Preview
This text has a font color of #388bb3.
<span style="color:#388bb3;">Text here</span>
This paragraph has a background color of #388bb3.
<p style="background-color:#388bb3;">Content here</p>
This element has a border color of #388bb3.
<div style="border:1px solid #388bb3;">Content here</div>
.text {color:#388bb3;}
.background {background-color:#388bb3;}
.border {border:1px solid #388bb3;}
Shades and Tints of #388bb3
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, #050b0f is the darkest color, while #ffffff is the lightest one.
-
#050b0f
#050b0f
rgb(5,11,15)
-
#09171e
#09171e
rgb(9,23,30)
-
#0e232d
#0e232d
rgb(14,35,45)
-
#132e3b
#132e3b
rgb(19,46,59)
-
#173a4a
#173a4a
rgb(23,58,74)
-
#1c4559
#1c4559
rgb(28,69,89)
-
#215168
#215168
rgb(33,81,104)
-
#255d77
#255d77
rgb(37,93,119)
-
#2a6886
#2a6886
rgb(42,104,134)
-
#2f7495
#2f7495
rgb(47,116,149)
-
#337fa4
#337fa4
rgb(51,127,164)
-
#388bb3
#388bb3
rgb(56,139,179)
-
#3d97c2
#3d97c2
rgb(61,151,194)
-
#4b9fc7
#4b9fc7
rgb(75,159,199)
-
#5aa7cb
#5aa7cb
rgb(90,167,203)
-
#69afd0
#69afd0
rgb(105,175,208)
-
#78b7d5
#78b7d5
rgb(120,183,213)
-
#87bfda
#87bfda
rgb(135,191,218)
-
#96c7de
#96c7de
rgb(150,199,222)
-
#a5cfe3
#a5cfe3
rgb(165,207,227)
-
#b4d7e8
#b4d7e8
rgb(180,215,232)
-
#c3dfec
#c3dfec
rgb(195,223,236)
-
#d2e7f1
#d2e7f1
rgb(210,231,241)
-
#e1eff6
#e1eff6
rgb(225,239,246)
-
#f0f7fa
#f0f7fa
rgb(240,247,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #388bb3
A tone is produced by adding gray to any pure hue. In this case, #6e787d is the less saturated color, while #029ee9 is the most saturated one.
-
#6e787d
#6e787d
rgb(110,120,125)
-
#657b86
#657b86
rgb(101,123,134)
-
#5c7e8f
#5c7e8f
rgb(92,126,143)
-
#538298
#538298
rgb(83,130,152)
-
#4a85a1
#4a85a1
rgb(74,133,161)
-
#4188aa
#4188aa
rgb(65,136,170)
-
#388bb3
#388bb3
rgb(56,139,179)
-
#2f8ebc
#2f8ebc
rgb(47,142,188)
-
#2691c5
#2691c5
rgb(38,145,197)
-
#1d94ce
#1d94ce
rgb(29,148,206)
-
#1498d7
#1498d7
rgb(20,152,215)
-
#0b9be0
#0b9be0
rgb(11,155,224)
-
#029ee9
#029ee9
rgb(2,158,233)
Color Blindness Simulator
Below, you can see how #388bb3 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.