#3a4158 Color Information
In a RGB color space, hex #3a4158 is composed of 22.7% red, 25.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 26.1% magenta, 0% yellow and 65.5% black. It has a hue angle of 226 degrees, a saturation of 20.5% and a lightness of 28.6%. #3a4158 color hex could be obtained by blending #7482b0 with #000000. Closest websafe color is: #333366.
-
- R 23
- G 25
- B 35
-
- C 34
- M 26
- Y 0
- K 65
● #3a4158 color description : Very dark grayish blue.
#3a4158 Color Conversion
The hexadecimal color #3a4158 has RGB values of R:58, G:65, B:88 and CMYK values of C:0.34, M:0.26, Y:0, K:0.65. Its decimal value is 3817816.
Hex triplet | 3a4158 | #3a4158 |
---|---|---|
RGB Decimal | 58, 65, 88 | rgb(58,65,88) |
RGB Percent | 22.7, 25.5, 34.5 | rgb(22.7%,25.5%,34.5%) |
CMYK | 34, 26, 0, 65 | |
HSL | 226°, 20.5, 28.6 | hsl(226,20.5%,28.6%) |
HSV (or HSB) | 226°, 34.1, 34.5 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 27.804, 3.364, -14.673 |
---|---|
XYZ | 5.396, 5.385, 9.987 |
xyY | 0.26, 0.259, 5.385 |
CIE-LCH | 27.804, 15.053, 282.911 |
CIE-LUV | 27.804, -4.324, -18.441 |
Hunter-Lab | 23.205, 0.902, -9.274 |
Binary | 00111010, 01000001, 01011000 |
Color Schemes with #3a4158
Alternatives to #3a4158
Below, you can see some colors close to #3a4158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a4158 Preview
This text has a font color of #3a4158.
<span style="color:#3a4158;">Text here</span>
This paragraph has a background color of #3a4158.
<p style="background-color:#3a4158;">Content here</p>
This element has a border color of #3a4158.
<div style="border:1px solid #3a4158;">Content here</div>
.text {color:#3a4158;}
.background {background-color:#3a4158;}
.border {border:1px solid #3a4158;}
Shades and Tints of #3a4158
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, #030405 is the darkest color, while #f8f9fb is the lightest one.
-
#030405
#030405
rgb(3,4,5)
-
#0b0d11
#0b0d11
rgb(11,13,17)
-
#13151d
#13151d
rgb(19,21,29)
-
#1b1e29
#1b1e29
rgb(27,30,41)
-
#232735
#232735
rgb(35,39,53)
-
#2a3040
#2a3040
rgb(42,48,64)
-
#32384c
#32384c
rgb(50,56,76)
-
#3a4158
#3a4158
rgb(58,65,88)
-
#424a64
#424a64
rgb(66,74,100)
-
#4a5270
#4a5270
rgb(74,82,112)
-
#515b7b
#515b7b
rgb(81,91,123)
-
#596487
#596487
rgb(89,100,135)
-
#616d93
#616d93
rgb(97,109,147)
-
#6b769d
#6b769d
rgb(107,118,157)
-
#7681a5
#7681a5
rgb(118,129,165)
-
#828cad
#828cad
rgb(130,140,173)
-
#8e97b5
#8e97b5
rgb(142,151,181)
-
#9aa2bc
#9aa2bc
rgb(154,162,188)
-
#a6adc4
#a6adc4
rgb(166,173,196)
-
#b1b8cc
#b1b8cc
rgb(177,184,204)
-
#bdc3d4
#bdc3d4
rgb(189,195,212)
-
#c9cddb
#c9cddb
rgb(201,205,219)
-
#d5d8e3
#d5d8e3
rgb(213,216,227)
-
#e1e3eb
#e1e3eb
rgb(225,227,235)
-
#edeef3
#edeef3
rgb(237,238,243)
-
#f8f9fb
#f8f9fb
rgb(248,249,251)
Tones of #3a4158
A tone is produced by adding gray to any pure hue. In this case, #45474d is the less saturated color, while #022390 is the most saturated one.
-
#45474d
#45474d
rgb(69,71,77)
-
#404452
#404452
rgb(64,68,82)
-
#3a4158
#3a4158
rgb(58,65,88)
-
#343e5e
#343e5e
rgb(52,62,94)
-
#2f3b63
#2f3b63
rgb(47,59,99)
-
#293869
#293869
rgb(41,56,105)
-
#24356e
#24356e
rgb(36,53,110)
-
#1e3274
#1e3274
rgb(30,50,116)
-
#182f7a
#182f7a
rgb(24,47,122)
-
#132c7f
#132c7f
rgb(19,44,127)
-
#0d2985
#0d2985
rgb(13,41,133)
-
#07268b
#07268b
rgb(7,38,139)
-
#022390
#022390
rgb(2,35,144)
Color Blindness Simulator
Below, you can see how #3a4158 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.