#343aa4 Color Information
In a RGB color space, hex #343aa4 is composed of 20.4% red, 22.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 64.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 236.8 degrees, a saturation of 51.9% and a lightness of 42.4%. #343aa4 color hex could be obtained by blending #6874ff with #000049. Closest websafe color is: #333399.
-
- R 20
- G 23
- B 64
-
- C 68
- M 65
- Y 0
- K 36
● #343aa4 color description : Dark moderate blue.
#343aa4 Color Conversion
The hexadecimal color #343aa4 has RGB values of R:52, G:58, B:164 and CMYK values of C:0.68, M:0.65, Y:0, K:0.36. Its decimal value is 3422884.
Hex triplet | 343aa4 | #343aa4 |
---|---|---|
RGB Decimal | 52, 58, 164 | rgb(52,58,164) |
RGB Percent | 20.4, 22.7, 64.3 | rgb(20.4%,22.7%,64.3%) |
CMYK | 68, 65, 0, 36 | |
HSL | 236.8°, 51.9, 42.4 | hsl(236.8,51.9%,42.4%) |
HSV (or HSB) | 236.8°, 68.3, 64.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 30.487, 32.71, -57.96 |
---|---|
XYZ | 9.629, 6.436, 35.855 |
xyY | 0.185, 0.124, 6.436 |
CIE-LCH | 30.487, 66.554, 299.438 |
CIE-LUV | 30.487, -6.991, -78.206 |
Hunter-Lab | 25.369, 23.352, -66.037 |
Binary | 00110100, 00111010, 10100100 |
Color Schemes with #343aa4
Alternatives to #343aa4
Below, you can see some colors close to #343aa4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#343aa4 Preview
This text has a font color of #343aa4.
<span style="color:#343aa4;">Text here</span>
This paragraph has a background color of #343aa4.
<p style="background-color:#343aa4;">Content here</p>
This element has a border color of #343aa4.
<div style="border:1px solid #343aa4;">Content here</div>
.text {color:#343aa4;}
.background {background-color:#343aa4;}
.border {border:1px solid #343aa4;}
Shades and Tints of #343aa4
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, #000000 is the darkest color, while #f0f1fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#05050f
#05050f
rgb(5,5,15)
-
#0a0b1e
#0a0b1e
rgb(10,11,30)
-
#0e102d
#0e102d
rgb(14,16,45)
-
#13153c
#13153c
rgb(19,21,60)
-
#181a4b
#181a4b
rgb(24,26,75)
-
#1c205a
#1c205a
rgb(28,32,90)
-
#212568
#212568
rgb(33,37,104)
-
#262a77
#262a77
rgb(38,42,119)
-
#2b2f86
#2b2f86
rgb(43,47,134)
-
#2f3595
#2f3595
rgb(47,53,149)
-
#343aa4
#343aa4
rgb(52,58,164)
-
#393fb3
#393fb3
rgb(57,63,179)
-
#3e45c2
#3e45c2
rgb(62,69,194)
-
#4c53c6
#4c53c6
rgb(76,83,198)
-
#5b61cb
#5b61cb
rgb(91,97,203)
-
#6a70d0
#6a70d0
rgb(106,112,208)
-
#797ed5
#797ed5
rgb(121,126,213)
-
#888cd9
#888cd9
rgb(136,140,217)
-
#979bde
#979bde
rgb(151,155,222)
-
#a6a9e3
#a6a9e3
rgb(166,169,227)
-
#b5b7e7
#b5b7e7
rgb(181,183,231)
-
#c4c6ec
#c4c6ec
rgb(196,198,236)
-
#d2d4f1
#d2d4f1
rgb(210,212,241)
-
#e1e2f6
#e1e2f6
rgb(225,226,246)
-
#f0f1fa
#f0f1fa
rgb(240,241,250)
Tones of #343aa4
A tone is produced by adding gray to any pure hue. In this case, #666772 is the less saturated color, while #020dd6 is the most saturated one.
-
#666772
#666772
rgb(102,103,114)
-
#5e5f7a
#5e5f7a
rgb(94,95,122)
-
#555883
#555883
rgb(85,88,131)
-
#4d508b
#4d508b
rgb(77,80,139)
-
#454993
#454993
rgb(69,73,147)
-
#3c419c
#3c419c
rgb(60,65,156)
-
#343aa4
#343aa4
rgb(52,58,164)
-
#2c33ac
#2c33ac
rgb(44,51,172)
-
#232bb5
#232bb5
rgb(35,43,181)
-
#1b24bd
#1b24bd
rgb(27,36,189)
-
#131cc5
#131cc5
rgb(19,28,197)
-
#0a15ce
#0a15ce
rgb(10,21,206)
-
#020dd6
#020dd6
rgb(2,13,214)
Color Blindness Simulator
Below, you can see how #343aa4 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.