#396af3 Color Information
In a RGB color space, hex #396af3 is composed of 22.4% red, 41.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 56.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 224.2 degrees, a saturation of 88.6% and a lightness of 58.8%. #396af3 color hex could be obtained by blending #72d4ff with #0000e7. Closest websafe color is: #3366ff.
-
- R 22
- G 42
- B 95
-
- C 77
- M 56
- Y 0
- K 5
● #396af3 color description : Bright blue.
#396af3 Color Conversion
The hexadecimal color #396af3 has RGB values of R:57, G:106, B:243 and CMYK values of C:0.77, M:0.56, Y:0, K:0.05. Its decimal value is 3762931.
Hex triplet | 396af3 | #396af3 |
---|---|---|
RGB Decimal | 57, 106, 243 | rgb(57,106,243) |
RGB Percent | 22.4, 41.6, 95.3 | rgb(22.4%,41.6%,95.3%) |
CMYK | 77, 56, 0, 5 | |
HSL | 224.2°, 88.6, 58.8 | hsl(224.2,88.6%,58.8%) |
HSV (or HSB) | 224.2°, 76.5, 95.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.066, 31.193, -73.393 |
---|---|
XYZ | 23.016, 17.647, 86.982 |
xyY | 0.18, 0.138, 17.647 |
CIE-LCH | 49.066, 79.747, 293.026 |
CIE-LUV | 49.066, -19.167, -114.088 |
Hunter-Lab | 42.009, 24.281, -93.359 |
Binary | 00111001, 01101010, 11110011 |
Color Schemes with #396af3
Alternatives to #396af3
Below, you can see some colors close to #396af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396af3 Preview
This text has a font color of #396af3.
<span style="color:#396af3;">Text here</span>
This paragraph has a background color of #396af3.
<p style="background-color:#396af3;">Content here</p>
This element has a border color of #396af3.
<div style="border:1px solid #396af3;">Content here</div>
.text {color:#396af3;}
.background {background-color:#396af3;}
.border {border:1px solid #396af3;}
Shades and Tints of #396af3
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, #000205 is the darkest color, while #f2f5fe is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#010718
#010718
rgb(1,7,24)
-
#030d2a
#030d2a
rgb(3,13,42)
-
#04133d
#04133d
rgb(4,19,61)
-
#05184f
#05184f
rgb(5,24,79)
-
#061e62
#061e62
rgb(6,30,98)
-
#072474
#072474
rgb(7,36,116)
-
#082a87
#082a87
rgb(8,42,135)
-
#092f99
#092f99
rgb(9,47,153)
-
#0a35ac
#0a35ac
rgb(10,53,172)
-
#0c3bbe
#0c3bbe
rgb(12,59,190)
-
#0d40d1
#0d40d1
rgb(13,64,209)
-
#0e46e3
#0e46e3
rgb(14,70,227)
-
#144ef1
#144ef1
rgb(20,78,241)
-
#275cf2
#275cf2
rgb(39,92,242)
-
#396af3
#396af3
rgb(57,106,243)
-
#4b78f4
#4b78f4
rgb(75,120,244)
-
#5e86f5
#5e86f5
rgb(94,134,245)
-
#7094f6
#7094f6
rgb(112,148,246)
-
#83a2f7
#83a2f7
rgb(131,162,247)
-
#95b0f9
#95b0f9
rgb(149,176,249)
-
#a8befa
#a8befa
rgb(168,190,250)
-
#bacbfb
#bacbfb
rgb(186,203,251)
-
#cdd9fc
#cdd9fc
rgb(205,217,252)
-
#dfe7fd
#dfe7fd
rgb(223,231,253)
-
#f2f5fe
#f2f5fe
rgb(242,245,254)
Tones of #396af3
A tone is produced by adding gray to any pure hue. In this case, #92949a is the less saturated color, while #3166fb is the most saturated one.
-
#92949a
#92949a
rgb(146,148,154)
-
#8a90a2
#8a90a2
rgb(138,144,162)
-
#828caa
#828caa
rgb(130,140,170)
-
#7a89b2
#7a89b2
rgb(122,137,178)
-
#7285ba
#7285ba
rgb(114,133,186)
-
#6981c3
#6981c3
rgb(105,129,195)
-
#617dcb
#617dcb
rgb(97,125,203)
-
#5979d3
#5979d3
rgb(89,121,211)
-
#5175db
#5175db
rgb(81,117,219)
-
#4972e3
#4972e3
rgb(73,114,227)
-
#416eeb
#416eeb
rgb(65,110,235)
-
#396af3
#396af3
rgb(57,106,243)
-
#3166fb
#3166fb
rgb(49,102,251)
Color Blindness Simulator
Below, you can see how #396af3 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.