#3a96f0 Color Information
In a RGB color space, hex #3a96f0 is composed of 22.7% red, 58.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 37.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 209.7 degrees, a saturation of 85.8% and a lightness of 58.4%. #3a96f0 color hex could be obtained by blending #74ffff with #002de1. Closest websafe color is: #3399ff.
-
- R 23
- G 59
- B 94
-
- C 76
- M 38
- Y 0
- K 6
● #3a96f0 color description : Bright blue.
#3a96f0 Color Conversion
The hexadecimal color #3a96f0 has RGB values of R:58, G:150, B:240 and CMYK values of C:0.76, M:0.38, Y:0, K:0.06. Its decimal value is 3839728.
Hex triplet | 3a96f0 | #3a96f0 |
---|---|---|
RGB Decimal | 58, 150, 240 | rgb(58,150,240) |
RGB Percent | 22.7, 58.8, 94.1 | rgb(22.7%,58.8%,94.1%) |
CMYK | 76, 38, 0, 6 | |
HSL | 209.7°, 85.8, 58.4 | hsl(209.7,85.8%,58.4%) |
HSV (or HSB) | 209.7°, 75.8, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 60.783, 3.214, -52.873 |
---|---|
XYZ | 28.376, 29.001, 86.536 |
xyY | 0.197, 0.202, 29.001 |
CIE-LCH | 60.783, 52.971, 273.479 |
CIE-LUV | 60.783, -32.279, -84.806 |
Hunter-Lab | 53.853, -0.188, -57.576 |
Binary | 00111010, 10010110, 11110000 |
Color Schemes with #3a96f0
Alternatives to #3a96f0
Below, you can see some colors close to #3a96f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a96f0 Preview
This text has a font color of #3a96f0.
<span style="color:#3a96f0;">Text here</span>
This paragraph has a background color of #3a96f0.
<p style="background-color:#3a96f0;">Content here</p>
This element has a border color of #3a96f0.
<div style="border:1px solid #3a96f0;">Content here</div>
.text {color:#3a96f0;}
.background {background-color:#3a96f0;}
.border {border:1px solid #3a96f0;}
Shades and Tints of #3a96f0
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, #000204 is the darkest color, while #f0f7fe is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#020c16
#020c16
rgb(2,12,22)
-
#031628
#031628
rgb(3,22,40)
-
#04203a
#04203a
rgb(4,32,58)
-
#062a4c
#062a4c
rgb(6,42,76)
-
#07335f
#07335f
rgb(7,51,95)
-
#093d71
#093d71
rgb(9,61,113)
-
#0a4783
#0a4783
rgb(10,71,131)
-
#0b5195
#0b5195
rgb(11,81,149)
-
#0d5ba8
#0d5ba8
rgb(13,91,168)
-
#0e65ba
#0e65ba
rgb(14,101,186)
-
#106fcc
#106fcc
rgb(16,111,204)
-
#1179de
#1179de
rgb(17,121,222)
-
#1683ed
#1683ed
rgb(22,131,237)
-
#288cef
#288cef
rgb(40,140,239)
-
#3a96f0
#3a96f0
rgb(58,150,240)
-
#4ca0f1
#4ca0f1
rgb(76,160,241)
-
#5ea9f3
#5ea9f3
rgb(94,169,243)
-
#71b3f4
#71b3f4
rgb(113,179,244)
-
#83bdf6
#83bdf6
rgb(131,189,246)
-
#95c7f7
#95c7f7
rgb(149,199,247)
-
#a7d0f8
#a7d0f8
rgb(167,208,248)
-
#badafa
#badafa
rgb(186,218,250)
-
#cce4fb
#cce4fb
rgb(204,228,251)
-
#deedfc
#deedfc
rgb(222,237,252)
-
#f0f7fe
#f0f7fe
rgb(240,247,254)
Tones of #3a96f0
A tone is produced by adding gray to any pure hue. In this case, #949596 is the less saturated color, while #3296f8 is the most saturated one.
-
#949596
#949596
rgb(148,149,150)
-
#8c959e
#8c959e
rgb(140,149,158)
-
#8395a7
#8395a7
rgb(131,149,167)
-
#7b95af
#7b95af
rgb(123,149,175)
-
#7395b7
#7395b7
rgb(115,149,183)
-
#6b95bf
#6b95bf
rgb(107,149,191)
-
#6396c7
#6396c7
rgb(99,150,199)
-
#5b96cf
#5b96cf
rgb(91,150,207)
-
#5296d8
#5296d8
rgb(82,150,216)
-
#4a96e0
#4a96e0
rgb(74,150,224)
-
#4296e8
#4296e8
rgb(66,150,232)
-
#3a96f0
#3a96f0
rgb(58,150,240)
-
#3296f8
#3296f8
rgb(50,150,248)
Color Blindness Simulator
Below, you can see how #3a96f0 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.