#345ab6 Color Information
In a RGB color space, hex #345ab6 is composed of 20.4% red, 35.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 50.5% magenta, 0% yellow and 28.6% black. It has a hue angle of 222.5 degrees, a saturation of 55.6% and a lightness of 45.9%. #345ab6 color hex could be obtained by blending #68b4ff with #00006d. Closest websafe color is: #3366cc.
-
- R 20
- G 35
- B 71
-
- C 71
- M 51
- Y 0
- K 29
● #345ab6 color description : Moderate blue.
#345ab6 Color Conversion
The hexadecimal color #345ab6 has RGB values of R:52, G:90, B:182 and CMYK values of C:0.71, M:0.51, Y:0, K:0.29. Its decimal value is 3431094.
Hex triplet | 345ab6 | #345ab6 |
---|---|---|
RGB Decimal | 52, 90, 182 | rgb(52,90,182) |
RGB Percent | 20.4, 35.3, 71.4 | rgb(20.4%,35.3%,71.4%) |
CMYK | 71, 51, 0, 29 | |
HSL | 222.5°, 55.6, 45.9 | hsl(222.5,55.6%,45.9%) |
HSV (or HSB) | 222.5°, 71.4, 71.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.277, 18.393, -52.764 |
---|---|
XYZ | 13.514, 11.419, 45.745 |
xyY | 0.191, 0.162, 11.419 |
CIE-LCH | 40.277, 55.877, 289.218 |
CIE-LUV | 40.277, -15.698, -78.126 |
Hunter-Lab | 33.792, 12.25, -56.609 |
Binary | 00110100, 01011010, 10110110 |
Color Schemes with #345ab6
Alternatives to #345ab6
Below, you can see some colors close to #345ab6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#345ab6 Preview
This text has a font color of #345ab6.
<span style="color:#345ab6;">Text here</span>
This paragraph has a background color of #345ab6.
<p style="background-color:#345ab6;">Content here</p>
This element has a border color of #345ab6.
<div style="border:1px solid #345ab6;">Content here</div>
.text {color:#345ab6;}
.background {background-color:#345ab6;}
.border {border:1px solid #345ab6;}
Shades and Tints of #345ab6
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, #04070e is the darkest color, while #fefeff is the lightest one.
-
#04070e
#04070e
rgb(4,7,14)
-
#080f1d
#080f1d
rgb(8,15,29)
-
#0d162d
#0d162d
rgb(13,22,45)
-
#111e3c
#111e3c
rgb(17,30,60)
-
#15254b
#15254b
rgb(21,37,75)
-
#1a2d5a
#1a2d5a
rgb(26,45,90)
-
#1e346a
#1e346a
rgb(30,52,106)
-
#233c79
#233c79
rgb(35,60,121)
-
#274388
#274388
rgb(39,67,136)
-
#2b4b97
#2b4b97
rgb(43,75,151)
-
#3052a7
#3052a7
rgb(48,82,167)
-
#345ab6
#345ab6
rgb(52,90,182)
-
#3862c5
#3862c5
rgb(56,98,197)
-
#476dca
#476dca
rgb(71,109,202)
-
#5679cf
#5679cf
rgb(86,121,207)
-
#6585d3
#6585d3
rgb(101,133,211)
-
#7592d7
#7592d7
rgb(117,146,215)
-
#849edc
#849edc
rgb(132,158,220)
-
#93aae0
#93aae0
rgb(147,170,224)
-
#a2b6e5
#a2b6e5
rgb(162,182,229)
-
#b2c2e9
#b2c2e9
rgb(178,194,233)
-
#c1ceed
#c1ceed
rgb(193,206,237)
-
#d0daf2
#d0daf2
rgb(208,218,242)
-
#dfe6f6
#dfe6f6
rgb(223,230,246)
-
#eff2fa
#eff2fa
rgb(239,242,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #345ab6
A tone is produced by adding gray to any pure hue. In this case, #737477 is the less saturated color, while #0747e3 is the most saturated one.
-
#737477
#737477
rgb(115,116,119)
-
#6a7080
#6a7080
rgb(106,112,128)
-
#616d89
#616d89
rgb(97,109,137)
-
#586992
#586992
rgb(88,105,146)
-
#4f659b
#4f659b
rgb(79,101,155)
-
#4661a4
#4661a4
rgb(70,97,164)
-
#3d5ead
#3d5ead
rgb(61,94,173)
-
#345ab6
#345ab6
rgb(52,90,182)
-
#2b56bf
#2b56bf
rgb(43,86,191)
-
#2253c8
#2253c8
rgb(34,83,200)
-
#194fd1
#194fd1
rgb(25,79,209)
-
#104bda
#104bda
rgb(16,75,218)
-
#0747e3
#0747e3
rgb(7,71,227)
Color Blindness Simulator
Below, you can see how #345ab6 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.