#346ac2 Color Information
In a RGB color space, hex #346ac2 is composed of 20.4% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 73.2% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 217.2 degrees, a saturation of 57.7% and a lightness of 48.2%. #346ac2 color hex could be obtained by blending #68d4ff with #000085. Closest websafe color is: #3366cc.
-
- R 20
- G 42
- B 76
-
- C 73
- M 45
- Y 0
- K 24
● #346ac2 color description : Moderate blue.
#346ac2 Color Conversion
The hexadecimal color #346ac2 has RGB values of R:52, G:106, B:194 and CMYK values of C:0.73, M:0.45, Y:0, K:0.24. Its decimal value is 3435202.
Hex triplet | 346ac2 | #346ac2 |
---|---|---|
RGB Decimal | 52, 106, 194 | rgb(52,106,194) |
RGB Percent | 20.4, 41.6, 76.1 | rgb(20.4%,41.6%,76.1%) |
CMYK | 73, 45, 0, 24 | |
HSL | 217.2°, 57.7, 48.2 | hsl(217.2,57.7%,48.2%) |
HSV (or HSB) | 217.2°, 73.2, 76.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.541, 12.562, -51.28 |
---|---|
XYZ | 16.306, 14.932, 53.059 |
xyY | 0.193, 0.177, 14.932 |
CIE-LCH | 45.541, 52.796, 283.764 |
CIE-LUV | 45.541, -20.463, -78.097 |
Hunter-Lab | 38.642, 7.698, -54.361 |
Binary | 00110100, 01101010, 11000010 |
Color Schemes with #346ac2
Alternatives to #346ac2
Below, you can see some colors close to #346ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346ac2 Preview
This text has a font color of #346ac2.
<span style="color:#346ac2;">Text here</span>
This paragraph has a background color of #346ac2.
<p style="background-color:#346ac2;">Content here</p>
This element has a border color of #346ac2.
<div style="border:1px solid #346ac2;">Content here</div>
.text {color:#346ac2;}
.background {background-color:#346ac2;}
.border {border:1px solid #346ac2;}
Shades and Tints of #346ac2
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, #020508 is the darkest color, while #f8fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#060d18
#060d18
rgb(6,13,24)
-
#0b1527
#0b1527
rgb(11,21,39)
-
#0f1e37
#0f1e37
rgb(15,30,55)
-
#132646
#132646
rgb(19,38,70)
-
#172f56
#172f56
rgb(23,47,86)
-
#1b3765
#1b3765
rgb(27,55,101)
-
#1f4075
#1f4075
rgb(31,64,117)
-
#234884
#234884
rgb(35,72,132)
-
#285194
#285194
rgb(40,81,148)
-
#2c59a3
#2c59a3
rgb(44,89,163)
-
#3062b3
#3062b3
rgb(48,98,179)
-
#346ac2
#346ac2
rgb(52,106,194)
-
#3e74cb
#3e74cb
rgb(62,116,203)
-
#4e7fcf
#4e7fcf
rgb(78,127,207)
-
#5d8ad4
#5d8ad4
rgb(93,138,212)
-
#6d95d8
#6d95d8
rgb(109,149,216)
-
#7ca1dc
#7ca1dc
rgb(124,161,220)
-
#8cace0
#8cace0
rgb(140,172,224)
-
#9bb7e4
#9bb7e4
rgb(155,183,228)
-
#abc2e8
#abc2e8
rgb(171,194,232)
-
#bacded
#bacded
rgb(186,205,237)
-
#c9d8f1
#c9d8f1
rgb(201,216,241)
-
#d9e4f5
#d9e4f5
rgb(217,228,245)
-
#e8eff9
#e8eff9
rgb(232,239,249)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #346ac2
A tone is produced by adding gray to any pure hue. In this case, #767a80 is the less saturated color, while #055ff1 is the most saturated one.
-
#767a80
#767a80
rgb(118,122,128)
-
#6d7889
#6d7889
rgb(109,120,137)
-
#637593
#637593
rgb(99,117,147)
-
#5a739c
#5a739c
rgb(90,115,156)
-
#5071a6
#5071a6
rgb(80,113,166)
-
#476faf
#476faf
rgb(71,111,175)
-
#3d6cb9
#3d6cb9
rgb(61,108,185)
-
#346ac2
#346ac2
rgb(52,106,194)
-
#2b68cb
#2b68cb
rgb(43,104,203)
-
#2165d5
#2165d5
rgb(33,101,213)
-
#1863de
#1863de
rgb(24,99,222)
-
#0e61e8
#0e61e8
rgb(14,97,232)
-
#055ff1
#055ff1
rgb(5,95,241)
Color Blindness Simulator
Below, you can see how #346ac2 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.