#396bb2 Color Information
In a RGB color space, hex #396bb2 is composed of 22.4% red, 42% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 39.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 215.2 degrees, a saturation of 51.5% and a lightness of 46.1%. #396bb2 color hex could be obtained by blending #72d6ff with #000065. Closest websafe color is: #336699.
-
- R 22
- G 42
- B 70
-
- C 68
- M 40
- Y 0
- K 30
● #396bb2 color description : Dark moderate blue.
#396bb2 Color Conversion
The hexadecimal color #396bb2 has RGB values of R:57, G:107, B:178 and CMYK values of C:0.68, M:0.4, Y:0, K:0.3. Its decimal value is 3763122.
Hex triplet | 396bb2 | #396bb2 |
---|---|---|
RGB Decimal | 57, 107, 178 | rgb(57,107,178) |
RGB Percent | 22.4, 42, 69.8 | rgb(22.4%,42%,69.8%) |
CMYK | 68, 40, 0, 30 | |
HSL | 215.2°, 51.5, 46.1 | hsl(215.2,51.5%,46.1%) |
HSV (or HSB) | 215.2°, 68, 69.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.079, 6.803, -42.717 |
---|---|
XYZ | 14.979, 14.599, 44.145 |
xyY | 0.203, 0.198, 14.599 |
CIE-LCH | 45.079, 43.255, 279.048 |
CIE-LUV | 45.079, -20.107, -64.312 |
Hunter-Lab | 38.208, 3.115, -41.758 |
Binary | 00111001, 01101011, 10110010 |
Color Schemes with #396bb2
Alternatives to #396bb2
Below, you can see some colors close to #396bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396bb2 Preview
This text has a font color of #396bb2.
<span style="color:#396bb2;">Text here</span>
This paragraph has a background color of #396bb2.
<p style="background-color:#396bb2;">Content here</p>
This element has a border color of #396bb2.
<div style="border:1px solid #396bb2;">Content here</div>
.text {color:#396bb2;}
.background {background-color:#396bb2;}
.border {border:1px solid #396bb2;}
Shades and Tints of #396bb2
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, #05090f is the darkest color, while #ffffff is the lightest one.
-
#05090f
#05090f
rgb(5,9,15)
-
#09121d
#09121d
rgb(9,18,29)
-
#0e1b2c
#0e1b2c
rgb(14,27,44)
-
#13243b
#13243b
rgb(19,36,59)
-
#182c4a
#182c4a
rgb(24,44,74)
-
#1c3559
#1c3559
rgb(28,53,89)
-
#213e68
#213e68
rgb(33,62,104)
-
#264777
#264777
rgb(38,71,119)
-
#2b5085
#2b5085
rgb(43,80,133)
-
#2f5994
#2f5994
rgb(47,89,148)
-
#3462a3
#3462a3
rgb(52,98,163)
-
#396bb2
#396bb2
rgb(57,107,178)
-
#3e74c1
#3e74c1
rgb(62,116,193)
-
#4c7fc6
#4c7fc6
rgb(76,127,198)
-
#5b89cb
#5b89cb
rgb(91,137,203)
-
#6a94cf
#6a94cf
rgb(106,148,207)
-
#799fd4
#799fd4
rgb(121,159,212)
-
#88a9d9
#88a9d9
rgb(136,169,217)
-
#97b4de
#97b4de
rgb(151,180,222)
-
#a6bfe2
#a6bfe2
rgb(166,191,226)
-
#b4c9e7
#b4c9e7
rgb(180,201,231)
-
#c3d4ec
#c3d4ec
rgb(195,212,236)
-
#d2dff1
#d2dff1
rgb(210,223,241)
-
#e1e9f5
#e1e9f5
rgb(225,233,245)
-
#f0f4fa
#f0f4fa
rgb(240,244,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #396bb2
A tone is produced by adding gray to any pure hue. In this case, #6f747c is the less saturated color, while #0362e8 is the most saturated one.
-
#6f747c
#6f747c
rgb(111,116,124)
-
#667385
#667385
rgb(102,115,133)
-
#5d718e
#5d718e
rgb(93,113,142)
-
#547097
#547097
rgb(84,112,151)
-
#4b6ea0
#4b6ea0
rgb(75,110,160)
-
#426da9
#426da9
rgb(66,109,169)
-
#396bb2
#396bb2
rgb(57,107,178)
-
#3069bb
#3069bb
rgb(48,105,187)
-
#2768c4
#2768c4
rgb(39,104,196)
-
#1e66cd
#1e66cd
rgb(30,102,205)
-
#1565d6
#1565d6
rgb(21,101,214)
-
#0c63df
#0c63df
rgb(12,99,223)
-
#0362e8
#0362e8
rgb(3,98,232)
Color Blindness Simulator
Below, you can see how #396bb2 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.