#3a5fdf Color Information
In a RGB color space, hex #3a5fdf is composed of 22.7% red, 37.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 57.4% magenta, 0% yellow and 12.5% black. It has a hue angle of 226.5 degrees, a saturation of 72.1% and a lightness of 55.1%. #3a5fdf color hex could be obtained by blending #74beff with #0000bf. Closest websafe color is: #3366cc.
-
- R 23
- G 37
- B 87
-
- C 74
- M 57
- Y 0
- K 13
● #3a5fdf color description : Bright blue.
#3a5fdf Color Conversion
The hexadecimal color #3a5fdf has RGB values of R:58, G:95, B:223 and CMYK values of C:0.74, M:0.57, Y:0, K:0.13. Its decimal value is 3825631.
Hex triplet | 3a5fdf | #3a5fdf |
---|---|---|
RGB Decimal | 58, 95, 223 | rgb(58,95,223) |
RGB Percent | 22.7, 37.3, 87.5 | rgb(22.7%,37.3%,87.5%) |
CMYK | 74, 57, 0, 13 | |
HSL | 226.5°, 72.1, 55.1 | hsl(226.5,72.1%,55.1%) |
HSV (or HSB) | 226.5°, 74, 87.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 44.816, 31.002, -69.048 |
---|---|
XYZ | 19.154, 14.41, 71.58 |
xyY | 0.182, 0.137, 14.41 |
CIE-LCH | 44.816, 75.689, 294.18 |
CIE-LUV | 44.816, -16.082, -104.962 |
Hunter-Lab | 37.961, 23.632, -85.226 |
Binary | 00111010, 01011111, 11011111 |
Color Schemes with #3a5fdf
Alternatives to #3a5fdf
Below, you can see some colors close to #3a5fdf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5fdf Preview
This text has a font color of #3a5fdf.
<span style="color:#3a5fdf;">Text here</span>
This paragraph has a background color of #3a5fdf.
<p style="background-color:#3a5fdf;">Content here</p>
This element has a border color of #3a5fdf.
<div style="border:1px solid #3a5fdf;">Content here</div>
.text {color:#3a5fdf;}
.background {background-color:#3a5fdf;}
.border {border:1px solid #3a5fdf;}
Shades and Tints of #3a5fdf
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, #010205 is the darkest color, while #f4f6fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#040816
#040816
rgb(4,8,22)
-
#060e27
#060e27
rgb(6,14,39)
-
#091438
#091438
rgb(9,20,56)
-
#0c1a49
#0c1a49
rgb(12,26,73)
-
#0f1f5a
#0f1f5a
rgb(15,31,90)
-
#11256b
#11256b
rgb(17,37,107)
-
#142b7c
#142b7c
rgb(20,43,124)
-
#17318c
#17318c
rgb(23,49,140)
-
#1a379d
#1a379d
rgb(26,55,157)
-
#1c3dae
#1c3dae
rgb(28,61,174)
-
#1f43bf
#1f43bf
rgb(31,67,191)
-
#2249d0
#2249d0
rgb(34,73,208)
-
#2951dc
#2951dc
rgb(41,81,220)
-
#3a5fdf
#3a5fdf
rgb(58,95,223)
-
#4b6de2
#4b6de2
rgb(75,109,226)
-
#5c7ae4
#5c7ae4
rgb(92,122,228)
-
#6d88e7
#6d88e7
rgb(109,136,231)
-
#7d96ea
#7d96ea
rgb(125,150,234)
-
#8ea4ed
#8ea4ed
rgb(142,164,237)
-
#9fb1ef
#9fb1ef
rgb(159,177,239)
-
#b0bff2
#b0bff2
rgb(176,191,242)
-
#c1cdf5
#c1cdf5
rgb(193,205,245)
-
#d2daf8
#d2daf8
rgb(210,218,248)
-
#e3e8fa
#e3e8fa
rgb(227,232,250)
-
#f4f6fd
#f4f6fd
rgb(244,246,253)
Tones of #3a5fdf
A tone is produced by adding gray to any pure hue. In this case, #898b90 is the less saturated color, while #2050f9 is the most saturated one.
-
#898b90
#898b90
rgb(137,139,144)
-
#808699
#808699
rgb(128,134,153)
-
#7881a1
#7881a1
rgb(120,129,161)
-
#6f7caa
#6f7caa
rgb(111,124,170)
-
#6677b3
#6677b3
rgb(102,119,179)
-
#5d72bc
#5d72bc
rgb(93,114,188)
-
#546ec5
#546ec5
rgb(84,110,197)
-
#4c69cd
#4c69cd
rgb(76,105,205)
-
#4364d6
#4364d6
rgb(67,100,214)
-
#3a5fdf
#3a5fdf
rgb(58,95,223)
-
#315ae8
#315ae8
rgb(49,90,232)
-
#2855f1
#2855f1
rgb(40,85,241)
-
#2050f9
#2050f9
rgb(32,80,249)
Color Blindness Simulator
Below, you can see how #3a5fdf 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.