#384ae2 Color Information
In a RGB color space, hex #384ae2 is composed of 22% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 233.6 degrees, a saturation of 74.6% and a lightness of 55.3%. #384ae2 color hex could be obtained by blending #7094ff with #0000c5. Closest websafe color is: #3333cc.
-
- R 22
- G 29
- B 89
-
- C 75
- M 67
- Y 0
- K 11
● #384ae2 color description : Bright blue.
#384ae2 Color Conversion
The hexadecimal color #384ae2 has RGB values of R:56, G:74, B:226 and CMYK values of C:0.75, M:0.67, Y:0, K:0.11. Its decimal value is 3689186.
| Hex triplet | 384ae2 | #384ae2 |
|---|---|---|
| RGB Decimal | 56, 74, 226 | rgb(56,74,226) |
| RGB Percent | 22, 29, 88.6 | rgb(22%,29%,88.6%) |
| CMYK | 75, 67, 0, 11 | |
| HSL | 233.6°, 74.6, 55.3 | hsl(233.6,74.6%,55.3%) |
| HSV (or HSB) | 233.6°, 75.2, 88.6 | |
| Web Safe | 3333cc | #3333cc |
| CIE-LAB | 39.962, 44.872, -78.7 |
|---|---|
| XYZ | 17.804, 11.228, 73.176 |
| xyY | 0.174, 0.11, 11.228 |
| CIE-LCH | 39.962, 90.593, 299.69 |
| CIE-LUV | 39.962, -11.596, -113.921 |
| Hunter-Lab | 33.508, 36.204, -106.023 |
| Binary | 00111000, 01001010, 11100010 |
Color Schemes with #384ae2
Alternatives to #384ae2
Below, you can see some colors close to #384ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#384ae2 Preview
This text has a font color of #384ae2.
<span style="color:#384ae2;">Text here</span>
This paragraph has a background color of #384ae2.
<p style="background-color:#384ae2;">Content here</p>
This element has a border color of #384ae2.
<div style="border:1px solid #384ae2;">Content here</div>
.text {color:#384ae2;}
.background {background-color:#384ae2;}
.border {border:1px solid #384ae2;}
Shades and Tints of #384ae2
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, #010206 is the darkest color, while #f4f5fd is the lightest one.
-
#010206
#010206rgb(1,2,6) -
#030618
#030618rgb(3,6,24) -
#060a29
#060a29rgb(6,10,41) -
#080e3a
#080e3argb(8,14,58) -
#0b124b
#0b124brgb(11,18,75) -
#0d165c
#0d165crgb(13,22,92) -
#101a6d
#101a6drgb(16,26,109) -
#121e7e
#121e7ergb(18,30,126) -
#15228f
#15228frgb(21,34,143) -
#1726a1
#1726a1rgb(23,38,161) -
#1a2ab2
#1a2ab2rgb(26,42,178) -
#1c2ec3
#1c2ec3rgb(28,46,195) -
#1f32d4
#1f32d4rgb(31,50,212)
-
#273ae0
#273ae0rgb(39,58,224) -
#384ae2
#384ae2rgb(56,74,226) -
#495ae4
#495ae4rgb(73,90,228) -
#5a69e7
#5a69e7rgb(90,105,231) -
#6b79e9
#6b79e9rgb(107,121,233) -
#7c88ec
#7c88ecrgb(124,136,236) -
#8e98ee
#8e98eergb(142,152,238) -
#9fa7f1
#9fa7f1rgb(159,167,241) -
#b0b7f3
#b0b7f3rgb(176,183,243) -
#c1c7f6
#c1c7f6rgb(193,199,246) -
#d2d6f8
#d2d6f8rgb(210,214,248) -
#e3e6fb
#e3e6fbrgb(227,230,251) -
#f4f5fd
#f4f5fdrgb(244,245,253)
Tones of #384ae2
A tone is produced by adding gray to any pure hue. In this case, #878893 is the less saturated color, while #1e35fc is the most saturated one.
-
#878893
#878893rgb(135,136,147) -
#7e819c
#7e819crgb(126,129,156) -
#757aa5
#757aa5rgb(117,122,165) -
#6d73ad
#6d73adrgb(109,115,173) -
#646db6
#646db6rgb(100,109,182) -
#5b66bf
#5b66bfrgb(91,102,191) -
#525fc8
#525fc8rgb(82,95,200) -
#4a58d0
#4a58d0rgb(74,88,208) -
#4151d9
#4151d9rgb(65,81,217) -
#384ae2
#384ae2rgb(56,74,226) -
#2f43eb
#2f43ebrgb(47,67,235) -
#263cf4
#263cf4rgb(38,60,244) -
#1e35fc
#1e35fcrgb(30,53,252)
Color Blindness Simulator
Below, you can see how #384ae2 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.
