#3a667a Color Information
In a RGB color space, hex #3a667a is composed of 22.7% red, 40% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 16.4% magenta, 0% yellow and 52.2% black. It has a hue angle of 198.8 degrees, a saturation of 35.6% and a lightness of 35.3%. #3a667a color hex could be obtained by blending #74ccf4 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 40
- B 48
-
- C 52
- M 16
- Y 0
- K 52
● #3a667a color description : Dark moderate blue.
#3a667a Color Conversion
The hexadecimal color #3a667a has RGB values of R:58, G:102, B:122 and CMYK values of C:0.52, M:0.16, Y:0, K:0.52. Its decimal value is 3827322.
Hex triplet | 3a667a | #3a667a |
---|---|---|
RGB Decimal | 58, 102, 122 | rgb(58,102,122) |
RGB Percent | 22.7, 40, 47.8 | rgb(22.7%,40%,47.8%) |
CMYK | 52, 16, 0, 52 | |
HSL | 198.8°, 35.6, 35.3 | hsl(198.8,35.6%,35.3%) |
HSV (or HSB) | 198.8°, 52.5, 47.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.907, -9.183, -15.881 |
---|---|
XYZ | 10.008, 11.807, 20.163 |
xyY | 0.238, 0.281, 11.807 |
CIE-LCH | 40.907, 18.345, 239.962 |
CIE-LUV | 40.907, -19.227, -20.83 |
Hunter-Lab | 34.361, -8.141, -10.738 |
Binary | 00111010, 01100110, 01111010 |
Color Schemes with #3a667a
Alternatives to #3a667a
Below, you can see some colors close to #3a667a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a667a Preview
This text has a font color of #3a667a.
<span style="color:#3a667a;">Text here</span>
This paragraph has a background color of #3a667a.
<p style="background-color:#3a667a;">Content here</p>
This element has a border color of #3a667a.
<div style="border:1px solid #3a667a;">Content here</div>
.text {color:#3a667a;}
.background {background-color:#3a667a;}
.border {border:1px solid #3a667a;}
Shades and Tints of #3a667a
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 #f4f8fa is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#070d10
#070d10
rgb(7,13,16)
-
#0e181d
#0e181d
rgb(14,24,29)
-
#14232a
#14232a
rgb(20,35,42)
-
#1a2e38
#1a2e38
rgb(26,46,56)
-
#213a45
#213a45
rgb(33,58,69)
-
#274552
#274552
rgb(39,69,82)
-
#2d505f
#2d505f
rgb(45,80,95)
-
#345b6d
#345b6d
rgb(52,91,109)
-
#3a667a
#3a667a
rgb(58,102,122)
-
#407187
#407187
rgb(64,113,135)
-
#477c95
#477c95
rgb(71,124,149)
-
#4d87a2
#4d87a2
rgb(77,135,162)
-
#5592ae
#5592ae
rgb(85,146,174)
-
#629bb4
#629bb4
rgb(98,155,180)
-
#6fa3bb
#6fa3bb
rgb(111,163,187)
-
#7cacc1
#7cacc1
rgb(124,172,193)
-
#8ab4c7
#8ab4c7
rgb(138,180,199)
-
#97bdce
#97bdce
rgb(151,189,206)
-
#a4c5d4
#a4c5d4
rgb(164,197,212)
-
#b2ceda
#b2ceda
rgb(178,206,218)
-
#bfd6e1
#bfd6e1
rgb(191,214,225)
-
#ccdfe7
#ccdfe7
rgb(204,223,231)
-
#d9e7ed
#d9e7ed
rgb(217,231,237)
-
#e7f0f3
#e7f0f3
rgb(231,240,243)
-
#f4f8fa
#f4f8fa
rgb(244,248,250)
Tones of #3a667a
A tone is produced by adding gray to any pure hue. In this case, #565c5e is the less saturated color, while #037bb1 is the most saturated one.
-
#565c5e
#565c5e
rgb(86,92,94)
-
#4f5e65
#4f5e65
rgb(79,94,101)
-
#48616c
#48616c
rgb(72,97,108)
-
#416373
#416373
rgb(65,99,115)
-
#3a667a
#3a667a
rgb(58,102,122)
-
#336981
#336981
rgb(51,105,129)
-
#2c6b88
#2c6b88
rgb(44,107,136)
-
#256e8f
#256e8f
rgb(37,110,143)
-
#1e7096
#1e7096
rgb(30,112,150)
-
#17739d
#17739d
rgb(23,115,157)
-
#1076a4
#1076a4
rgb(16,118,164)
-
#0a78aa
#0a78aa
rgb(10,120,170)
-
#037bb1
#037bb1
rgb(3,123,177)
Color Blindness Simulator
Below, you can see how #3a667a 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.