#3a7bb0 Color Information
In a RGB color space, hex #3a7bb0 is composed of 22.7% red, 48.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 30.1% magenta, 0% yellow and 31% black. It has a hue angle of 206.9 degrees, a saturation of 50.4% and a lightness of 45.9%. #3a7bb0 color hex could be obtained by blending #74f6ff with #000061. Closest websafe color is: #336699.
-
- R 23
- G 48
- B 69
-
- C 67
- M 30
- Y 0
- K 31
● #3a7bb0 color description : Dark moderate blue.
#3a7bb0 Color Conversion
The hexadecimal color #3a7bb0 has RGB values of R:58, G:123, B:176 and CMYK values of C:0.67, M:0.3, Y:0, K:0.31. Its decimal value is 3832752.
Hex triplet | 3a7bb0 | #3a7bb0 |
---|---|---|
RGB Decimal | 58, 123, 176 | rgb(58,123,176) |
RGB Percent | 22.7, 48.2, 69 | rgb(22.7%,48.2%,69%) |
CMYK | 67, 30, 0, 31 | |
HSL | 206.9°, 50.4, 45.9 | hsl(206.9,50.4%,45.9%) |
HSV (or HSB) | 206.9°, 67, 69 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 49.736, -3.51, -34.195 |
---|---|
XYZ | 16.662, 18.199, 43.707 |
xyY | 0.212, 0.232, 18.199 |
CIE-LCH | 49.736, 34.375, 264.139 |
CIE-LUV | 49.736, -25.499, -51.124 |
Hunter-Lab | 42.66, -4.935, -30.882 |
Binary | 00111010, 01111011, 10110000 |
Color Schemes with #3a7bb0
Alternatives to #3a7bb0
Below, you can see some colors close to #3a7bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a7bb0 Preview
This text has a font color of #3a7bb0.
<span style="color:#3a7bb0;">Text here</span>
This paragraph has a background color of #3a7bb0.
<p style="background-color:#3a7bb0;">Content here</p>
This element has a border color of #3a7bb0.
<div style="border:1px solid #3a7bb0;">Content here</div>
.text {color:#3a7bb0;}
.background {background-color:#3a7bb0;}
.border {border:1px solid #3a7bb0;}
Shades and Tints of #3a7bb0
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, #050a0e is the darkest color, while #fefeff is the lightest one.
-
#050a0e
#050a0e
rgb(5,10,14)
-
#09141c
#09141c
rgb(9,20,28)
-
#0e1e2b
#0e1e2b
rgb(14,30,43)
-
#13293a
#13293a
rgb(19,41,58)
-
#183349
#183349
rgb(24,51,73)
-
#1d3d57
#1d3d57
rgb(29,61,87)
-
#224766
#224766
rgb(34,71,102)
-
#275275
#275275
rgb(39,82,117)
-
#2b5c84
#2b5c84
rgb(43,92,132)
-
#306692
#306692
rgb(48,102,146)
-
#3571a1
#3571a1
rgb(53,113,161)
-
#3a7bb0
#3a7bb0
rgb(58,123,176)
-
#3f85bf
#3f85bf
rgb(63,133,191)
-
#4d8fc4
#4d8fc4
rgb(77,143,196)
-
#5c98c9
#5c98c9
rgb(92,152,201)
-
#6aa1ce
#6aa1ce
rgb(106,161,206)
-
#79abd3
#79abd3
rgb(121,171,211)
-
#88b4d8
#88b4d8
rgb(136,180,216)
-
#97bddd
#97bddd
rgb(151,189,221)
-
#a5c7e1
#a5c7e1
rgb(165,199,225)
-
#b4d0e6
#b4d0e6
rgb(180,208,230)
-
#c3d9eb
#c3d9eb
rgb(195,217,235)
-
#d2e2f0
#d2e2f0
rgb(210,226,240)
-
#e0ecf5
#e0ecf5
rgb(224,236,245)
-
#eff5fa
#eff5fa
rgb(239,245,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3a7bb0
A tone is produced by adding gray to any pure hue. In this case, #70767a is the less saturated color, while #0480e6 is the most saturated one.
-
#70767a
#70767a
rgb(112,118,122)
-
#677683
#677683
rgb(103,118,131)
-
#5e778c
#5e778c
rgb(94,119,140)
-
#557895
#557895
rgb(85,120,149)
-
#4c799e
#4c799e
rgb(76,121,158)
-
#437aa7
#437aa7
rgb(67,122,167)
-
#3a7bb0
#3a7bb0
rgb(58,123,176)
-
#317cb9
#317cb9
rgb(49,124,185)
-
#287dc2
#287dc2
rgb(40,125,194)
-
#1f7ecb
#1f7ecb
rgb(31,126,203)
-
#167fd4
#167fd4
rgb(22,127,212)
-
#0d80dd
#0d80dd
rgb(13,128,221)
-
#0480e6
#0480e6
rgb(4,128,230)
Color Blindness Simulator
Below, you can see how #3a7bb0 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.