#3a94bc Color Information
In a RGB color space, hex #3a94bc is composed of 22.7% red, 58% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 21.3% magenta, 0% yellow and 26.3% black. It has a hue angle of 198.5 degrees, a saturation of 52.8% and a lightness of 48.2%. #3a94bc color hex could be obtained by blending #74ffff with #002979. Closest websafe color is: #3399cc.
-
- R 23
- G 58
- B 74
-
- C 69
- M 21
- Y 0
- K 26
● #3a94bc color description : Moderate blue.
#3a94bc Color Conversion
The hexadecimal color #3a94bc has RGB values of R:58, G:148, B:188 and CMYK values of C:0.69, M:0.21, Y:0, K:0.26. Its decimal value is 3839164.
Hex triplet | 3a94bc | #3a94bc |
---|---|---|
RGB Decimal | 58, 148, 188 | rgb(58,148,188) |
RGB Percent | 22.7, 58, 73.7 | rgb(22.7%,58%,73.7%) |
CMYK | 69, 21, 0, 26 | |
HSL | 198.5°, 52.8, 48.2 | hsl(198.5,52.8%,48.2%) |
HSV (or HSB) | 198.5°, 69.1, 73.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 57.759, -13.704, -28.564 |
---|---|
XYZ | 21.41, 25.708, 51.408 |
xyY | 0.217, 0.261, 25.708 |
CIE-LCH | 57.759, 31.681, 244.37 |
CIE-LUV | 57.759, -33.983, -42.118 |
Hunter-Lab | 50.704, -13.359, -24.621 |
Binary | 00111010, 10010100, 10111100 |
Color Schemes with #3a94bc
Alternatives to #3a94bc
Below, you can see some colors close to #3a94bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a94bc Preview
This text has a font color of #3a94bc.
<span style="color:#3a94bc;">Text here</span>
This paragraph has a background color of #3a94bc.
<p style="background-color:#3a94bc;">Content here</p>
This element has a border color of #3a94bc.
<div style="border:1px solid #3a94bc;">Content here</div>
.text {color:#3a94bc;}
.background {background-color:#3a94bc;}
.border {border:1px solid #3a94bc;}
Shades and Tints of #3a94bc
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, #030608 is the darkest color, while #f8fbfd is the lightest one.
-
#030608
#030608
rgb(3,6,8)
-
#071217
#071217
rgb(7,18,23)
-
#0c1e26
#0c1e26
rgb(12,30,38)
-
#102a35
#102a35
rgb(16,42,53)
-
#153644
#153644
rgb(21,54,68)
-
#1a4153
#1a4153
rgb(26,65,83)
-
#1e4d62
#1e4d62
rgb(30,77,98)
-
#235971
#235971
rgb(35,89,113)
-
#286580
#286580
rgb(40,101,128)
-
#2c718f
#2c718f
rgb(44,113,143)
-
#317c9e
#317c9e
rgb(49,124,158)
-
#3588ad
#3588ad
rgb(53,136,173)
-
#3a94bc
#3a94bc
rgb(58,148,188)
-
#449ec5
#449ec5
rgb(68,158,197)
-
#53a5ca
#53a5ca
rgb(83,165,202)
-
#62adcf
#62adcf
rgb(98,173,207)
-
#71b5d3
#71b5d3
rgb(113,181,211)
-
#80bdd8
#80bdd8
rgb(128,189,216)
-
#8fc5dd
#8fc5dd
rgb(143,197,221)
-
#9ecde1
#9ecde1
rgb(158,205,225)
-
#add4e6
#add4e6
rgb(173,212,230)
-
#bcdcea
#bcdcea
rgb(188,220,234)
-
#cbe4ef
#cbe4ef
rgb(203,228,239)
-
#daecf4
#daecf4
rgb(218,236,244)
-
#e9f4f8
#e9f4f8
rgb(233,244,248)
-
#f8fbfd
#f8fbfd
rgb(248,251,253)
Tones of #3a94bc
A tone is produced by adding gray to any pure hue. In this case, #737e83 is the less saturated color, while #01aaf5 is the most saturated one.
-
#737e83
#737e83
rgb(115,126,131)
-
#69828d
#69828d
rgb(105,130,141)
-
#608596
#608596
rgb(96,133,150)
-
#5689a0
#5689a0
rgb(86,137,160)
-
#4d8da9
#4d8da9
rgb(77,141,169)
-
#4390b3
#4390b3
rgb(67,144,179)
-
#3a94bc
#3a94bc
rgb(58,148,188)
-
#3198c5
#3198c5
rgb(49,152,197)
-
#279bcf
#279bcf
rgb(39,155,207)
-
#1e9fd8
#1e9fd8
rgb(30,159,216)
-
#14a3e2
#14a3e2
rgb(20,163,226)
-
#0ba6eb
#0ba6eb
rgb(11,166,235)
-
#01aaf5
#01aaf5
rgb(1,170,245)
Color Blindness Simulator
Below, you can see how #3a94bc 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.