#346aa8 Color Information
In a RGB color space, hex #346aa8 is composed of 20.4% red, 41.6% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 36.9% magenta, 0% yellow and 34.1% black. It has a hue angle of 212.1 degrees, a saturation of 52.7% and a lightness of 43.1%. #346aa8 color hex could be obtained by blending #68d4ff with #000051. Closest websafe color is: #336699.
-
- R 20
- G 42
- B 66
-
- C 69
- M 37
- Y 0
- K 34
● #346aa8 color description : Dark moderate blue.
#346aa8 Color Conversion
The hexadecimal color #346aa8 has RGB values of R:52, G:106, B:168 and CMYK values of C:0.69, M:0.37, Y:0, K:0.34. Its decimal value is 3435176.
Hex triplet | 346aa8 | #346aa8 |
---|---|---|
RGB Decimal | 52, 106, 168 | rgb(52,106,168) |
RGB Percent | 20.4, 41.6, 65.9 | rgb(20.4%,41.6%,65.9%) |
CMYK | 69, 37, 0, 34 | |
HSL | 212.1°, 52.7, 43.1 | hsl(212.1,52.7%,43.1%) |
HSV (or HSB) | 212.1°, 69, 65.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.038, 2.969, -38.524 |
---|---|
XYZ | 13.636, 13.864, 39.001 |
xyY | 0.205, 0.208, 13.864 |
CIE-LCH | 44.038, 38.638, 274.408 |
CIE-LUV | 44.038, -21.039, -57.15 |
Hunter-Lab | 37.235, 0.211, -36.038 |
Binary | 00110100, 01101010, 10101000 |
Color Schemes with #346aa8
Alternatives to #346aa8
Below, you can see some colors close to #346aa8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346aa8 Preview
This text has a font color of #346aa8.
<span style="color:#346aa8;">Text here</span>
This paragraph has a background color of #346aa8.
<p style="background-color:#346aa8;">Content here</p>
This element has a border color of #346aa8.
<div style="border:1px solid #346aa8;">Content here</div>
.text {color:#346aa8;}
.background {background-color:#346aa8;}
.border {border:1px solid #346aa8;}
Shades and Tints of #346aa8
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, #010203 is the darkest color, while #f3f7fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060b12
#060b12
rgb(6,11,18)
-
#0a1521
#0a1521
rgb(10,21,33)
-
#0f1e30
#0f1e30
rgb(15,30,48)
-
#14283f
#14283f
rgb(20,40,63)
-
#18314e
#18314e
rgb(24,49,78)
-
#1d3b5d
#1d3b5d
rgb(29,59,93)
-
#21446c
#21446c
rgb(33,68,108)
-
#264e7b
#264e7b
rgb(38,78,123)
-
#2b578a
#2b578a
rgb(43,87,138)
-
#2f6199
#2f6199
rgb(47,97,153)
-
#346aa8
#346aa8
rgb(52,106,168)
-
#3973b7
#3973b7
rgb(57,115,183)
-
#407dc4
#407dc4
rgb(64,125,196)
-
#4e87c8
#4e87c8
rgb(78,135,200)
-
#5d91cd
#5d91cd
rgb(93,145,205)
-
#6c9cd2
#6c9cd2
rgb(108,156,210)
-
#7ba6d6
#7ba6d6
rgb(123,166,214)
-
#8ab0db
#8ab0db
rgb(138,176,219)
-
#99bae0
#99bae0
rgb(153,186,224)
-
#a8c4e4
#a8c4e4
rgb(168,196,228)
-
#b7cee9
#b7cee9
rgb(183,206,233)
-
#c6d9ed
#c6d9ed
rgb(198,217,237)
-
#d5e3f2
#d5e3f2
rgb(213,227,242)
-
#e4edf7
#e4edf7
rgb(228,237,247)
-
#f3f7fb
#f3f7fb
rgb(243,247,251)
Tones of #346aa8
A tone is produced by adding gray to any pure hue. In this case, #676e75 is the less saturated color, while #0166db is the most saturated one.
-
#676e75
#676e75
rgb(103,110,117)
-
#5e6d7e
#5e6d7e
rgb(94,109,126)
-
#566c86
#566c86
rgb(86,108,134)
-
#4d6c8f
#4d6c8f
rgb(77,108,143)
-
#456b97
#456b97
rgb(69,107,151)
-
#3c6ba0
#3c6ba0
rgb(60,107,160)
-
#346aa8
#346aa8
rgb(52,106,168)
-
#2c69b0
#2c69b0
rgb(44,105,176)
-
#2369b9
#2369b9
rgb(35,105,185)
-
#1b68c1
#1b68c1
rgb(27,104,193)
-
#1268ca
#1268ca
rgb(18,104,202)
-
#0a67d2
#0a67d2
rgb(10,103,210)
-
#0166db
#0166db
rgb(1,102,219)
Color Blindness Simulator
Below, you can see how #346aa8 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.