#388be2 Color Information
In a RGB color space, hex #388be2 is composed of 22% red, 54.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 38.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 210.7 degrees, a saturation of 74.6% and a lightness of 55.3%. #388be2 color hex could be obtained by blending #70ffff with #0017c5. Closest websafe color is: #3399cc.
-
- R 22
- G 55
- B 89
-
- C 75
- M 38
- Y 0
- K 11
● #388be2 color description : Bright blue.
#388be2 Color Conversion
The hexadecimal color #388be2 has RGB values of R:56, G:139, B:226 and CMYK values of C:0.75, M:0.38, Y:0, K:0.11. Its decimal value is 3705826.
Hex triplet | 388be2 | #388be2 |
---|---|---|
RGB Decimal | 56, 139, 226 | rgb(56,139,226) |
RGB Percent | 22, 54.5, 88.6 | rgb(22%,54.5%,88.6%) |
CMYK | 75, 38, 0, 11 | |
HSL | 210.7°, 74.6, 55.3 | hsl(210.7,74.6%,55.3%) |
HSV (or HSB) | 210.7°, 75.2, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.875, 4.472, -51.326 |
---|---|
XYZ | 24.588, 24.795, 75.437 |
xyY | 0.197, 0.199, 24.795 |
CIE-LCH | 56.875, 51.52, 274.979 |
CIE-LUV | 56.875, -29.522, -81.362 |
Hunter-Lab | 49.795, 1, -54.966 |
Binary | 00111000, 10001011, 11100010 |
Color Schemes with #388be2
Alternatives to #388be2
Below, you can see some colors close to #388be2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#388be2 Preview
This text has a font color of #388be2.
<span style="color:#388be2;">Text here</span>
This paragraph has a background color of #388be2.
<p style="background-color:#388be2;">Content here</p>
This element has a border color of #388be2.
<div style="border:1px solid #388be2;">Content here</div>
.text {color:#388be2;}
.background {background-color:#388be2;}
.border {border:1px solid #388be2;}
Shades and Tints of #388be2
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, #010406 is the darkest color, while #f4f9fd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#030d18
#030d18
rgb(3,13,24)
-
#061729
#061729
rgb(6,23,41)
-
#08213a
#08213a
rgb(8,33,58)
-
#0b2a4b
#0b2a4b
rgb(11,42,75)
-
#0d345c
#0d345c
rgb(13,52,92)
-
#103d6d
#103d6d
rgb(16,61,109)
-
#12477e
#12477e
rgb(18,71,126)
-
#15518f
#15518f
rgb(21,81,143)
-
#175aa1
#175aa1
rgb(23,90,161)
-
#1a64b2
#1a64b2
rgb(26,100,178)
-
#1c6ec3
#1c6ec3
rgb(28,110,195)
-
#1f77d4
#1f77d4
rgb(31,119,212)
-
#2781e0
#2781e0
rgb(39,129,224)
-
#388be2
#388be2
rgb(56,139,226)
-
#4995e4
#4995e4
rgb(73,149,228)
-
#5a9fe7
#5a9fe7
rgb(90,159,231)
-
#6ba9e9
#6ba9e9
rgb(107,169,233)
-
#7cb3ec
#7cb3ec
rgb(124,179,236)
-
#8ebdee
#8ebdee
rgb(142,189,238)
-
#9fc7f1
#9fc7f1
rgb(159,199,241)
-
#b0d1f3
#b0d1f3
rgb(176,209,243)
-
#c1dbf6
#c1dbf6
rgb(193,219,246)
-
#d2e5f8
#d2e5f8
rgb(210,229,248)
-
#e3effb
#e3effb
rgb(227,239,251)
-
#f4f9fd
#f4f9fd
rgb(244,249,253)
Tones of #388be2
A tone is produced by adding gray to any pure hue. In this case, #878d93 is the less saturated color, while #1e8afc is the most saturated one.
-
#878d93
#878d93
rgb(135,141,147)
-
#7e8d9c
#7e8d9c
rgb(126,141,156)
-
#758ca5
#758ca5
rgb(117,140,165)
-
#6d8cad
#6d8cad
rgb(109,140,173)
-
#648cb6
#648cb6
rgb(100,140,182)
-
#5b8cbf
#5b8cbf
rgb(91,140,191)
-
#528cc8
#528cc8
rgb(82,140,200)
-
#4a8bd0
#4a8bd0
rgb(74,139,208)
-
#418bd9
#418bd9
rgb(65,139,217)
-
#388be2
#388be2
rgb(56,139,226)
-
#2f8beb
#2f8beb
rgb(47,139,235)
-
#268bf4
#268bf4
rgb(38,139,244)
-
#1e8afc
#1e8afc
rgb(30,138,252)
Color Blindness Simulator
Below, you can see how #388be2 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.