#3a5cf8 Color Information
In a RGB color space, hex #3a5cf8 is composed of 22.7% red, 36.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 62.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 229.3 degrees, a saturation of 93.1% and a lightness of 60%. #3a5cf8 color hex could be obtained by blending #74b8ff with #0000f1. Closest websafe color is: #3366ff.
-
- R 23
- G 36
- B 97
-
- C 77
- M 63
- Y 0
- K 3
● #3a5cf8 color description : Bright blue.
#3a5cf8 Color Conversion
The hexadecimal color #3a5cf8 has RGB values of R:58, G:92, B:248 and CMYK values of C:0.77, M:0.63, Y:0, K:0.03. Its decimal value is 3824888.
Hex triplet | 3a5cf8 | #3a5cf8 |
---|---|---|
RGB Decimal | 58, 92, 248 | rgb(58,92,248) |
RGB Percent | 22.7, 36.1, 97.3 | rgb(22.7%,36.1%,97.3%) |
CMYK | 77, 63, 0, 3 | |
HSL | 229.3°, 93.1, 60 | hsl(229.3,93.1%,60%) |
HSV (or HSB) | 229.3°, 76.6, 97.3 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.082, 41.761, -81.057 |
---|---|
XYZ | 22.512, 15.33, 90.574 |
xyY | 0.175, 0.119, 15.33 |
CIE-LCH | 46.082, 91.182, 297.258 |
CIE-LUV | 46.082, -15.607, -122.888 |
Hunter-Lab | 39.153, 34.115, -109.751 |
Binary | 00111010, 01011100, 11111000 |
Color Schemes with #3a5cf8
Alternatives to #3a5cf8
Below, you can see some colors close to #3a5cf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5cf8 Preview
This text has a font color of #3a5cf8.
<span style="color:#3a5cf8;">Text here</span>
This paragraph has a background color of #3a5cf8.
<p style="background-color:#3a5cf8;">Content here</p>
This element has a border color of #3a5cf8.
<div style="border:1px solid #3a5cf8;">Content here</div>
.text {color:#3a5cf8;}
.background {background-color:#3a5cf8;}
.border {border:1px solid #3a5cf8;}
Shades and Tints of #3a5cf8
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, #00020b is the darkest color, while #f7f9ff is the lightest one.
-
#00020b
#00020b
rgb(0,2,11)
-
#01061e
#01061e
rgb(1,6,30)
-
#020a31
#020a31
rgb(2,10,49)
-
#020e44
#020e44
rgb(2,14,68)
-
#031257
#031257
rgb(3,18,87)
-
#04166a
#04166a
rgb(4,22,106)
-
#041a7d
#041a7d
rgb(4,26,125)
-
#051e90
#051e90
rgb(5,30,144)
-
#0622a3
#0622a3
rgb(6,34,163)
-
#0626b6
#0626b6
rgb(6,38,182)
-
#072ac9
#072ac9
rgb(7,42,201)
-
#082edc
#082edc
rgb(8,46,220)
-
#0832ef
#0832ef
rgb(8,50,239)
-
#143df7
#143df7
rgb(20,61,247)
-
#274cf7
#274cf7
rgb(39,76,247)
-
#3a5cf8
#3a5cf8
rgb(58,92,248)
-
#4d6cf9
#4d6cf9
rgb(77,108,249)
-
#607bf9
#607bf9
rgb(96,123,249)
-
#738bfa
#738bfa
rgb(115,139,250)
-
#869bfb
#869bfb
rgb(134,155,251)
-
#99aafb
#99aafb
rgb(153,170,251)
-
#acbafc
#acbafc
rgb(172,186,252)
-
#bfcafd
#bfcafd
rgb(191,202,253)
-
#d2d9fd
#d2d9fd
rgb(210,217,253)
-
#e4e9fe
#e4e9fe
rgb(228,233,254)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #3a5cf8
A tone is produced by adding gray to any pure hue. In this case, #98989a is the less saturated color, while #3a5cf8 is the most saturated one.
-
#98989a
#98989a
rgb(152,152,154)
-
#9093a2
#9093a2
rgb(144,147,162)
-
#888eaa
#888eaa
rgb(136,142,170)
-
#8189b1
#8189b1
rgb(129,137,177)
-
#7984b9
#7984b9
rgb(121,132,185)
-
#717fc1
#717fc1
rgb(113,127,193)
-
#697ac9
#697ac9
rgb(105,122,201)
-
#6175d1
#6175d1
rgb(97,117,209)
-
#5970d9
#5970d9
rgb(89,112,217)
-
#526be0
#526be0
rgb(82,107,224)
-
#4a66e8
#4a66e8
rgb(74,102,232)
-
#4261f0
#4261f0
rgb(66,97,240)
-
#3a5cf8
#3a5cf8
rgb(58,92,248)
Color Blindness Simulator
Below, you can see how #3a5cf8 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.