#396afa Color Information
In a RGB color space, hex #396afa is composed of 22.4% red, 41.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 57.6% magenta, 0% yellow and 2% black. It has a hue angle of 224.8 degrees, a saturation of 95.1% and a lightness of 60.2%. #396afa color hex could be obtained by blending #72d4ff with #0000f5. Closest websafe color is: #3366ff.
-
- R 22
- G 42
- B 98
-
- C 77
- M 58
- Y 0
- K 2
● #396afa color description : Bright blue.
#396afa Color Conversion
The hexadecimal color #396afa has RGB values of R:57, G:106, B:250 and CMYK values of C:0.77, M:0.58, Y:0, K:0.02. Its decimal value is 3762938.
Hex triplet | 396afa | #396afa |
---|---|---|
RGB Decimal | 57, 106, 250 | rgb(57,106,250) |
RGB Percent | 22.4, 41.6, 98 | rgb(22.4%,41.6%,98%) |
CMYK | 77, 58, 0, 2 | |
HSL | 224.8°, 95.1, 60.2 | hsl(224.8,95.1%,60.2%) |
HSV (or HSB) | 224.8°, 77.2, 98 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.591, 33.718, -76.438 |
---|---|
XYZ | 24.093, 18.078, 92.657 |
xyY | 0.179, 0.134, 18.078 |
CIE-LCH | 49.591, 83.545, 293.803 |
CIE-LUV | 49.591, -19.161, -118.945 |
Hunter-Lab | 42.519, 26.739, -99.442 |
Binary | 00111001, 01101010, 11111010 |
Color Schemes with #396afa
Alternatives to #396afa
Below, you can see some colors close to #396afa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396afa Preview
This text has a font color of #396afa.
<span style="color:#396afa;">Text here</span>
This paragraph has a background color of #396afa.
<p style="background-color:#396afa;">Content here</p>
This element has a border color of #396afa.
<div style="border:1px solid #396afa;">Content here</div>
.text {color:#396afa;}
.background {background-color:#396afa;}
.border {border:1px solid #396afa;}
Shades and Tints of #396afa
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, #00030c is the darkest color, while #f8faff is the lightest one.
-
#00030c
#00030c
rgb(0,3,12)
-
#010920
#010920
rgb(1,9,32)
-
#010e33
#010e33
rgb(1,14,51)
-
#021346
#021346
rgb(2,19,70)
-
#021859
#021859
rgb(2,24,89)
-
#031d6c
#031d6c
rgb(3,29,108)
-
#03237f
#03237f
rgb(3,35,127)
-
#042892
#042892
rgb(4,40,146)
-
#042da6
#042da6
rgb(4,45,166)
-
#0532b9
#0532b9
rgb(5,50,185)
-
#0538cc
#0538cc
rgb(5,56,204)
-
#063ddf
#063ddf
rgb(6,61,223)
-
#0642f2
#0642f2
rgb(6,66,242)
-
#134df9
#134df9
rgb(19,77,249)
-
#265cfa
#265cfa
rgb(38,92,250)
-
#396afa
#396afa
rgb(57,106,250)
-
#4c78fa
#4c78fa
rgb(76,120,250)
-
#5f87fb
#5f87fb
rgb(95,135,251)
-
#7295fb
#7295fb
rgb(114,149,251)
-
#86a4fc
#86a4fc
rgb(134,164,252)
-
#99b2fc
#99b2fc
rgb(153,178,252)
-
#acc0fd
#acc0fd
rgb(172,192,253)
-
#bfcffd
#bfcffd
rgb(191,207,253)
-
#d2ddfe
#d2ddfe
rgb(210,221,254)
-
#e5ecfe
#e5ecfe
rgb(229,236,254)
-
#f8faff
#f8faff
rgb(248,250,255)
Tones of #396afa
A tone is produced by adding gray to any pure hue. In this case, #97989c is the less saturated color, while #396afa is the most saturated one.
-
#97989c
#97989c
rgb(151,152,156)
-
#8f94a4
#8f94a4
rgb(143,148,164)
-
#8790ac
#8790ac
rgb(135,144,172)
-
#7f8db4
#7f8db4
rgb(127,141,180)
-
#7789bc
#7789bc
rgb(119,137,188)
-
#7085c3
#7085c3
rgb(112,133,195)
-
#6881cb
#6881cb
rgb(104,129,203)
-
#607dd3
#607dd3
rgb(96,125,211)
-
#5879db
#5879db
rgb(88,121,219)
-
#5076e3
#5076e3
rgb(80,118,227)
-
#4972ea
#4972ea
rgb(73,114,234)
-
#416ef2
#416ef2
rgb(65,110,242)
-
#396afa
#396afa
rgb(57,106,250)
Color Blindness Simulator
Below, you can see how #396afa 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.