#396acc Color Information
In a RGB color space, hex #396acc is composed of 22.4% red, 41.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 48% magenta, 0% yellow and 20% black. It has a hue angle of 220 degrees, a saturation of 59% and a lightness of 51.2%. #396acc color hex could be obtained by blending #72d4ff with #000099. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 80
-
- C 72
- M 48
- Y 0
- K 20
● #396acc color description : Moderate blue.
#396acc Color Conversion
The hexadecimal color #396acc has RGB values of R:57, G:106, B:204 and CMYK values of C:0.72, M:0.48, Y:0, K:0.2. Its decimal value is 3762892.
Hex triplet | 396acc | #396acc |
---|---|---|
RGB Decimal | 57, 106, 204 | rgb(57,106,204) |
RGB Percent | 22.4, 41.6, 80 | rgb(22.4%,41.6%,80%) |
CMYK | 72, 48, 0, 20 | |
HSL | 220°, 59, 51.2 | hsl(220,59%,51.2%) |
HSV (or HSB) | 220°, 72.1, 80 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.36, 16.939, -55.707 |
---|---|
XYZ | 17.738, 15.536, 59.187 |
xyY | 0.192, 0.168, 15.536 |
CIE-LCH | 46.36, 58.226, 286.913 |
CIE-LUV | 46.36, -19.404, -85.521 |
Hunter-Lab | 39.416, 11.351, -61.439 |
Binary | 00111001, 01101010, 11001100 |
Color Schemes with #396acc
Alternatives to #396acc
Below, you can see some colors close to #396acc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396acc Preview
This text has a font color of #396acc.
<span style="color:#396acc;">Text here</span>
This paragraph has a background color of #396acc.
<p style="background-color:#396acc;">Content here</p>
This element has a border color of #396acc.
<div style="border:1px solid #396acc;">Content here</div>
.text {color:#396acc;}
.background {background-color:#396acc;}
.border {border:1px solid #396acc;}
Shades and Tints of #396acc
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, #010205 is the darkest color, while #f4f7fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#050a14
#050a14
rgb(5,10,20)
-
#091224
#091224
rgb(9,18,36)
-
#0d1a34
#0d1a34
rgb(13,26,52)
-
#112243
#112243
rgb(17,34,67)
-
#152a53
#152a53
rgb(21,42,83)
-
#193262
#193262
rgb(25,50,98)
-
#1d3a72
#1d3a72
rgb(29,58,114)
-
#214182
#214182
rgb(33,65,130)
-
#254991
#254991
rgb(37,73,145)
-
#2951a1
#2951a1
rgb(41,81,161)
-
#2d59b0
#2d59b0
rgb(45,89,176)
-
#3161c0
#3161c0
rgb(49,97,192)
-
#396acc
#396acc
rgb(57,106,204)
-
#4976d0
#4976d0
rgb(73,118,208)
-
#5881d4
#5881d4
rgb(88,129,212)
-
#688dd8
#688dd8
rgb(104,141,216)
-
#7799dc
#7799dc
rgb(119,153,220)
-
#87a5e0
#87a5e0
rgb(135,165,224)
-
#97b0e4
#97b0e4
rgb(151,176,228)
-
#a6bce8
#a6bce8
rgb(166,188,232)
-
#b6c8ec
#b6c8ec
rgb(182,200,236)
-
#c5d4f0
#c5d4f0
rgb(197,212,240)
-
#d5dff4
#d5dff4
rgb(213,223,244)
-
#e5ebf8
#e5ebf8
rgb(229,235,248)
-
#f4f7fc
#f4f7fc
rgb(244,247,252)
Tones of #396acc
A tone is produced by adding gray to any pure hue. In this case, #7c8089 is the less saturated color, while #095afc is the most saturated one.
-
#7c8089
#7c8089
rgb(124,128,137)
-
#727d93
#727d93
rgb(114,125,147)
-
#697a9c
#697a9c
rgb(105,122,156)
-
#5f77a6
#5f77a6
rgb(95,119,166)
-
#5674af
#5674af
rgb(86,116,175)
-
#4c70b9
#4c70b9
rgb(76,112,185)
-
#436dc2
#436dc2
rgb(67,109,194)
-
#396acc
#396acc
rgb(57,106,204)
-
#2f67d6
#2f67d6
rgb(47,103,214)
-
#2664df
#2664df
rgb(38,100,223)
-
#1c60e9
#1c60e9
rgb(28,96,233)
-
#135df2
#135df2
rgb(19,93,242)
-
#095afc
#095afc
rgb(9,90,252)
Color Blindness Simulator
Below, you can see how #396acc 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.