#3a557a Color Information
In a RGB color space, hex #3a557a is composed of 22.7% red, 33.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 30.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 214.7 degrees, a saturation of 35.6% and a lightness of 35.3%. #3a557a color hex could be obtained by blending #74aaf4 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 48
-
- C 52
- M 30
- Y 0
- K 52
● #3a557a color description : Dark moderate blue.
#3a557a Color Conversion
The hexadecimal color #3a557a has RGB values of R:58, G:85, B:122 and CMYK values of C:0.52, M:0.3, Y:0, K:0.52. Its decimal value is 3822970.
Hex triplet | 3a557a | #3a557a |
---|---|---|
RGB Decimal | 58, 85, 122 | rgb(58,85,122) |
RGB Percent | 22.7, 33.3, 47.8 | rgb(22.7%,33.3%,47.8%) |
CMYK | 52, 30, 0, 52 | |
HSL | 214.7°, 35.6, 35.3 | hsl(214.7,35.6%,35.3%) |
HSV (or HSB) | 214.7°, 52.5, 47.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 35.599, 1.235, -24.082 |
---|---|
XYZ | 8.505, 8.801, 19.662 |
xyY | 0.23, 0.238, 8.801 |
CIE-LCH | 35.599, 24.113, 272.936 |
CIE-LUV | 35.599, -12.64, -33 |
Hunter-Lab | 29.667, -0.741, -18.528 |
Binary | 00111010, 01010101, 01111010 |
Color Schemes with #3a557a
Alternatives to #3a557a
Below, you can see some colors close to #3a557a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a557a Preview
This text has a font color of #3a557a.
<span style="color:#3a557a;">Text here</span>
This paragraph has a background color of #3a557a.
<p style="background-color:#3a557a;">Content here</p>
This element has a border color of #3a557a.
<div style="border:1px solid #3a557a;">Content here</div>
.text {color:#3a557a;}
.background {background-color:#3a557a;}
.border {border:1px solid #3a557a;}
Shades and Tints of #3a557a
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, #010202 is the darkest color, while #f4f6fa is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#070b10
#070b10
rgb(7,11,16)
-
#0e141d
#0e141d
rgb(14,20,29)
-
#141d2a
#141d2a
rgb(20,29,42)
-
#1a2738
#1a2738
rgb(26,39,56)
-
#213045
#213045
rgb(33,48,69)
-
#273952
#273952
rgb(39,57,82)
-
#2d425f
#2d425f
rgb(45,66,95)
-
#344c6d
#344c6d
rgb(52,76,109)
-
#3a557a
#3a557a
rgb(58,85,122)
-
#405e87
#405e87
rgb(64,94,135)
-
#476895
#476895
rgb(71,104,149)
-
#4d71a2
#4d71a2
rgb(77,113,162)
-
#557aae
#557aae
rgb(85,122,174)
-
#6285b4
#6285b4
rgb(98,133,180)
-
#6f8fbb
#6f8fbb
rgb(111,143,187)
-
#7c99c1
#7c99c1
rgb(124,153,193)
-
#8aa4c7
#8aa4c7
rgb(138,164,199)
-
#97aece
#97aece
rgb(151,174,206)
-
#a4b8d4
#a4b8d4
rgb(164,184,212)
-
#b2c3da
#b2c3da
rgb(178,195,218)
-
#bfcde1
#bfcde1
rgb(191,205,225)
-
#ccd7e7
#ccd7e7
rgb(204,215,231)
-
#d9e2ed
#d9e2ed
rgb(217,226,237)
-
#e7ecf3
#e7ecf3
rgb(231,236,243)
-
#f4f6fa
#f4f6fa
rgb(244,246,250)
Tones of #3a557a
A tone is produced by adding gray to any pure hue. In this case, #56595e is the less saturated color, while #034cb1 is the most saturated one.
-
#56595e
#56595e
rgb(86,89,94)
-
#4f5865
#4f5865
rgb(79,88,101)
-
#48576c
#48576c
rgb(72,87,108)
-
#415673
#415673
rgb(65,86,115)
-
#3a557a
#3a557a
rgb(58,85,122)
-
#335481
#335481
rgb(51,84,129)
-
#2c5388
#2c5388
rgb(44,83,136)
-
#25528f
#25528f
rgb(37,82,143)
-
#1e5196
#1e5196
rgb(30,81,150)
-
#17509d
#17509d
rgb(23,80,157)
-
#104fa4
#104fa4
rgb(16,79,164)
-
#0a4daa
#0a4daa
rgb(10,77,170)
-
#034cb1
#034cb1
rgb(3,76,177)
Color Blindness Simulator
Below, you can see how #3a557a 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.