#3a5f98 Color Information
In a RGB color space, hex #3a5f98 is composed of 22.7% red, 37.3% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 37.5% magenta, 0% yellow and 40.4% black. It has a hue angle of 216.4 degrees, a saturation of 44.8% and a lightness of 41.2%. #3a5f98 color hex could be obtained by blending #74beff with #000031. Closest websafe color is: #336699.
-
- R 23
- G 37
- B 60
-
- C 62
- M 38
- Y 0
- K 40
● #3a5f98 color description : Dark moderate blue.
#3a5f98 Color Conversion
The hexadecimal color #3a5f98 has RGB values of R:58, G:95, B:152 and CMYK values of C:0.62, M:0.38, Y:0, K:0.4. Its decimal value is 3825560.
Hex triplet | 3a5f98 | #3a5f98 |
---|---|---|
RGB Decimal | 58, 95, 152 | rgb(58,95,152) |
RGB Percent | 22.7, 37.3, 59.6 | rgb(22.7%,37.3%,59.6%) |
CMYK | 62, 38, 0, 40 | |
HSL | 216.4°, 44.8, 41.2 | hsl(216.4,44.8%,41.2%) |
HSV (or HSB) | 216.4°, 61.8, 59.6 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 40.164, 5.236, -35.144 |
---|---|
XYZ | 11.503, 11.35, 31.289 |
xyY | 0.212, 0.21, 11.35 |
CIE-LCH | 40.164, 35.532, 278.474 |
CIE-LUV | 40.164, -16.132, -51.019 |
Hunter-Lab | 33.69, 1.99, -31.481 |
Binary | 00111010, 01011111, 10011000 |
Color Schemes with #3a5f98
Alternatives to #3a5f98
Below, you can see some colors close to #3a5f98. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5f98 Preview
This text has a font color of #3a5f98.
<span style="color:#3a5f98;">Text here</span>
This paragraph has a background color of #3a5f98.
<p style="background-color:#3a5f98;">Content here</p>
This element has a border color of #3a5f98.
<div style="border:1px solid #3a5f98;">Content here</div>
.text {color:#3a5f98;}
.background {background-color:#3a5f98;}
.border {border:1px solid #3a5f98;}
Shades and Tints of #3a5f98
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, #04060a is the darkest color, while #fbfcfd is the lightest one.
-
#04060a
#04060a
rgb(4,6,10)
-
#090f18
#090f18
rgb(9,15,24)
-
#0f1826
#0f1826
rgb(15,24,38)
-
#142135
#142135
rgb(20,33,53)
-
#192a43
#192a43
rgb(25,42,67)
-
#1f3351
#1f3351
rgb(31,51,81)
-
#243c5f
#243c5f
rgb(36,60,95)
-
#2a446d
#2a446d
rgb(42,68,109)
-
#2f4d7c
#2f4d7c
rgb(47,77,124)
-
#35568a
#35568a
rgb(53,86,138)
-
#3a5f98
#3a5f98
rgb(58,95,152)
-
#3f68a6
#3f68a6
rgb(63,104,166)
-
#4571b4
#4571b4
rgb(69,113,180)
-
#507bbc
#507bbc
rgb(80,123,188)
-
#5f86c2
#5f86c2
rgb(95,134,194)
-
#6d90c7
#6d90c7
rgb(109,144,199)
-
#7b9bcd
#7b9bcd
rgb(123,155,205)
-
#89a6d2
#89a6d2
rgb(137,166,210)
-
#97b1d7
#97b1d7
rgb(151,177,215)
-
#a6bbdd
#a6bbdd
rgb(166,187,221)
-
#b4c6e2
#b4c6e2
rgb(180,198,226)
-
#c2d1e8
#c2d1e8
rgb(194,209,232)
-
#d0dced
#d0dced
rgb(208,220,237)
-
#dee6f3
#dee6f3
rgb(222,230,243)
-
#edf1f8
#edf1f8
rgb(237,241,248)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #3a5f98
A tone is produced by adding gray to any pure hue. In this case, #626870 is the less saturated color, while #0153d1 is the most saturated one.
-
#626870
#626870
rgb(98,104,112)
-
#5a6678
#5a6678
rgb(90,102,120)
-
#526480
#526480
rgb(82,100,128)
-
#4a6288
#4a6288
rgb(74,98,136)
-
#426190
#426190
rgb(66,97,144)
-
#3a5f98
#3a5f98
rgb(58,95,152)
-
#325da0
#325da0
rgb(50,93,160)
-
#2a5ca8
#2a5ca8
rgb(42,92,168)
-
#225ab0
#225ab0
rgb(34,90,176)
-
#1a58b8
#1a58b8
rgb(26,88,184)
-
#1256c0
#1256c0
rgb(18,86,192)
-
#0a55c8
#0a55c8
rgb(10,85,200)
-
#0153d1
#0153d1
rgb(1,83,209)
Color Blindness Simulator
Below, you can see how #3a5f98 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.