#3c82ff Color Information
In a RGB color space, hex #3c82ff is composed of 23.5% red, 51% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 49% magenta, 0% yellow and 0% black. It has a hue angle of 218.5 degrees, a saturation of 100% and a lightness of 61.8%. #3c82ff color hex could be obtained by blending #78ffff with #0005ff. Closest websafe color is: #3399ff.
-
- R 24
- G 51
- B 100
-
- C 76
- M 49
- Y 0
- K 0
● #3c82ff color description : Light blue.
#3c82ff Color Conversion
The hexadecimal color #3c82ff has RGB values of R:60, G:130, B:255 and CMYK values of C:0.76, M:0.49, Y:0, K:0. Its decimal value is 3965695.
Hex triplet | 3c82ff | #3c82ff |
---|---|---|
RGB Decimal | 60, 130, 255 | rgb(60,130,255) |
RGB Percent | 23.5, 51, 100 | rgb(23.5%,51%,100%) |
CMYK | 76, 49, 0, 0 | |
HSL | 218.5°, 100, 61.8 | hsl(218.5,100%,61.8%) |
HSV (or HSB) | 218.5°, 76.5, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.231, 20.922, -68.428 |
---|---|
XYZ | 27.892, 24.144, 97.792 |
xyY | 0.186, 0.161, 24.144 |
CIE-LCH | 56.231, 71.555, 287.001 |
CIE-LUV | 56.231, -25.286, -109.935 |
Hunter-Lab | 49.136, 15.337, -83.605 |
Binary | 00111100, 10000010, 11111111 |
Color Schemes with #3c82ff
Alternatives to #3c82ff
Below, you can see some colors close to #3c82ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3c82ff Preview
This text has a font color of #3c82ff.
<span style="color:#3c82ff;">Text here</span>
This paragraph has a background color of #3c82ff.
<p style="background-color:#3c82ff;">Content here</p>
This element has a border color of #3c82ff.
<div style="border:1px solid #3c82ff;">Content here</div>
.text {color:#3c82ff;}
.background {background-color:#3c82ff;}
.border {border:1px solid #3c82ff;}
Shades and Tints of #3c82ff
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, #000001 is the darkest color, while #edf3ff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000715
#000715
rgb(0,7,21)
-
#000e28
#000e28
rgb(0,14,40)
-
#00163c
#00163c
rgb(0,22,60)
-
#001d50
#001d50
rgb(0,29,80)
-
#002463
#002463
rgb(0,36,99)
-
#002b77
#002b77
rgb(0,43,119)
-
#00328a
#00328a
rgb(0,50,138)
-
#00399e
#00399e
rgb(0,57,158)
-
#0040b2
#0040b2
rgb(0,64,178)
-
#0047c5
#0047c5
rgb(0,71,197)
-
#004ed9
#004ed9
rgb(0,78,217)
-
#0055ed
#0055ed
rgb(0,85,237)
-
#015cff
#015cff
rgb(1,92,255)
-
#1569ff
#1569ff
rgb(21,105,255)
-
#2875ff
#2875ff
rgb(40,117,255)
-
#3c82ff
#3c82ff
rgb(60,130,255)
-
#508fff
#508fff
rgb(80,143,255)
-
#639bff
#639bff
rgb(99,155,255)
-
#77a8ff
#77a8ff
rgb(119,168,255)
-
#8ab4ff
#8ab4ff
rgb(138,180,255)
-
#9ec1ff
#9ec1ff
rgb(158,193,255)
-
#b2cdff
#b2cdff
rgb(178,205,255)
-
#c5daff
#c5daff
rgb(197,218,255)
-
#d9e7ff
#d9e7ff
rgb(217,231,255)
-
#edf3ff
#edf3ff
rgb(237,243,255)
Tones of #3c82ff
A tone is produced by adding gray to any pure hue. In this case, #969ba5 is the less saturated color, while #3c82ff is the most saturated one.
-
#969ba5
#969ba5
rgb(150,155,165)
-
#8f99ad
#8f99ad
rgb(143,153,173)
-
#8797b4
#8797b4
rgb(135,151,180)
-
#8095bc
#8095bc
rgb(128,149,188)
-
#7893c3
#7893c3
rgb(120,147,195)
-
#7191cb
#7191cb
rgb(113,145,203)
-
#698fd2
#698fd2
rgb(105,143,210)
-
#628dda
#628dda
rgb(98,141,218)
-
#5a8ae1
#5a8ae1
rgb(90,138,225)
-
#5388e9
#5388e9
rgb(83,136,233)
-
#4b86f0
#4b86f0
rgb(75,134,240)
-
#4484f8
#4484f8
rgb(68,132,248)
-
#3c82ff
#3c82ff
rgb(60,130,255)
Color Blindness Simulator
Below, you can see how #3c82ff 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.