#312af4 Color Information
In a RGB color space, hex #312af4 is composed of 19.2% red, 16.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 82.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 242.1 degrees, a saturation of 90.2% and a lightness of 56.1%. #312af4 color hex could be obtained by blending #6254ff with #0000e9. Closest websafe color is: #3333ff.
-
- R 19
- G 16
- B 96
-
- C 80
- M 83
- Y 0
- K 4
● #312af4 color description : Bright blue.
#312af4 Color Conversion
The hexadecimal color #312af4 has RGB values of R:49, G:42, B:244 and CMYK values of C:0.8, M:0.83, Y:0, K:0.04. Its decimal value is 3222260.
Hex triplet | 312af4 | #312af4 |
---|---|---|
RGB Decimal | 49, 42, 244 | rgb(49,42,244) |
RGB Percent | 19.2, 16.5, 95.7 | rgb(19.2%,16.5%,95.7%) |
CMYK | 80, 83, 0, 4 | |
HSL | 242.1°, 90.2, 56.1 | hsl(242.1,90.2%,56.1%) |
HSV (or HSB) | 242.1°, 82.8, 95.7 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 35.673, 66.622, -96.01 |
---|---|
XYZ | 18.42, 8.839, 86.318 |
xyY | 0.162, 0.078, 8.839 |
CIE-LCH | 35.673, 116.861, 304.757 |
CIE-LUV | 35.673, -8.4, -127.2 |
Hunter-Lab | 29.731, 58.564, -151.326 |
Binary | 00110001, 00101010, 11110100 |
Color Schemes with #312af4
Alternatives to #312af4
Below, you can see some colors close to #312af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#312af4 Preview
This text has a font color of #312af4.
<span style="color:#312af4;">Text here</span>
This paragraph has a background color of #312af4.
<p style="background-color:#312af4;">Content here</p>
This element has a border color of #312af4.
<div style="border:1px solid #312af4;">Content here</div>
.text {color:#312af4;}
.background {background-color:#312af4;}
.border {border:1px solid #312af4;}
Shades and Tints of #312af4
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, #01010b is the darkest color, while #f7f7ff is the lightest one.
-
#01010b
#01010b
rgb(1,1,11)
-
#02021d
#02021d
rgb(2,2,29)
-
#040230
#040230
rgb(4,2,48)
-
#060343
#060343
rgb(6,3,67)
-
#070455
#070455
rgb(7,4,85)
-
#090568
#090568
rgb(9,5,104)
-
#0a067b
#0a067b
rgb(10,6,123)
-
#0c078d
#0c078d
rgb(12,7,141)
-
#0e08a0
#0e08a0
rgb(14,8,160)
-
#0f09b3
#0f09b3
rgb(15,9,179)
-
#110ac5
#110ac5
rgb(17,10,197)
-
#120bd8
#120bd8
rgb(18,11,216)
-
#140ceb
#140ceb
rgb(20,12,235)
-
#1f17f3
#1f17f3
rgb(31,23,243)
-
#312af4
#312af4
rgb(49,42,244)
-
#433df5
#433df5
rgb(67,61,245)
-
#554ff6
#554ff6
rgb(85,79,246)
-
#6762f7
#6762f7
rgb(103,98,247)
-
#7975f8
#7975f8
rgb(121,117,248)
-
#8b87f9
#8b87f9
rgb(139,135,249)
-
#9d9afa
#9d9afa
rgb(157,154,250)
-
#afadfb
#afadfb
rgb(175,173,251)
-
#c1bffc
#c1bffc
rgb(193,191,252)
-
#d3d2fd
#d3d2fd
rgb(211,210,253)
-
#e5e5fe
#e5e5fe
rgb(229,229,254)
-
#f7f7ff
#f7f7ff
rgb(247,247,255)
Tones of #312af4
A tone is produced by adding gray to any pure hue. In this case, #898995 is the less saturated color, while #2921fd is the most saturated one.
-
#898995
#898995
rgb(137,137,149)
-
#81809e
#81809e
rgb(129,128,158)
-
#7978a6
#7978a6
rgb(121,120,166)
-
#716faf
#716faf
rgb(113,111,175)
-
#6966b8
#6966b8
rgb(105,102,184)
-
#615ec0
#615ec0
rgb(97,94,192)
-
#5955c9
#5955c9
rgb(89,85,201)
-
#514cd2
#514cd2
rgb(81,76,210)
-
#4944da
#4944da
rgb(73,68,218)
-
#413be3
#413be3
rgb(65,59,227)
-
#3933eb
#3933eb
rgb(57,51,235)
-
#312af4
#312af4
rgb(49,42,244)
-
#2921fd
#2921fd
rgb(41,33,253)
Color Blindness Simulator
Below, you can see how #312af4 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.