#343aaf Color Information
In a RGB color space, hex #343aaf is composed of 20.4% red, 22.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 66.9% magenta, 0% yellow and 31.4% black. It has a hue angle of 237.1 degrees, a saturation of 54.2% and a lightness of 44.5%. #343aaf color hex could be obtained by blending #6874ff with #00005f. Closest websafe color is: #333399.
-
- R 20
- G 23
- B 69
-
- C 70
- M 67
- Y 0
- K 31
● #343aaf color description : Dark blue.
#343aaf Color Conversion
The hexadecimal color #343aaf has RGB values of R:52, G:58, B:175 and CMYK values of C:0.7, M:0.67, Y:0, K:0.31. Its decimal value is 3422895.
Hex triplet | 343aaf | #343aaf |
---|---|---|
RGB Decimal | 52, 58, 175 | rgb(52,58,175) |
RGB Percent | 20.4, 22.7, 68.6 | rgb(20.4%,22.7%,68.6%) |
CMYK | 70, 67, 0, 31 | |
HSL | 237.1°, 54.2, 44.5 | hsl(237.1,54.2%,44.5%) |
HSV (or HSB) | 237.1°, 70.3, 68.6 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.465, 36.578, -62.957 |
---|---|
XYZ | 10.666, 6.851, 41.315 |
xyY | 0.181, 0.116, 6.851 |
CIE-LCH | 31.465, 72.812, 300.157 |
CIE-LUV | 31.465, -7.409, -85.322 |
Hunter-Lab | 26.174, 26.932, -75.267 |
Binary | 00110100, 00111010, 10101111 |
Color Schemes with #343aaf
Alternatives to #343aaf
Below, you can see some colors close to #343aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#343aaf Preview
This text has a font color of #343aaf.
<span style="color:#343aaf;">Text here</span>
This paragraph has a background color of #343aaf.
<p style="background-color:#343aaf;">Content here</p>
This element has a border color of #343aaf.
<div style="border:1px solid #343aaf;">Content here</div>
.text {color:#343aaf;}
.background {background-color:#343aaf;}
.border {border:1px solid #343aaf;}
Shades and Tints of #343aaf
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, #030309 is the darkest color, while #f9f9fd is the lightest one.
-
#030309
#030309
rgb(3,3,9)
-
#070818
#070818
rgb(7,8,24)
-
#0c0d27
#0c0d27
rgb(12,13,39)
-
#101236
#101236
rgb(16,18,54)
-
#151745
#151745
rgb(21,23,69)
-
#191c54
#191c54
rgb(25,28,84)
-
#1e2163
#1e2163
rgb(30,33,99)
-
#222673
#222673
rgb(34,38,115)
-
#272b82
#272b82
rgb(39,43,130)
-
#2b3091
#2b3091
rgb(43,48,145)
-
#3035a0
#3035a0
rgb(48,53,160)
-
#343aaf
#343aaf
rgb(52,58,175)
-
#383fbe
#383fbe
rgb(56,63,190)
-
#434ac7
#434ac7
rgb(67,74,199)
-
#5258cc
#5258cc
rgb(82,88,204)
-
#6167d0
#6167d0
rgb(97,103,208)
-
#7075d5
#7075d5
rgb(112,117,213)
-
#8084d9
#8084d9
rgb(128,132,217)
-
#8f93de
#8f93de
rgb(143,147,222)
-
#9ea1e2
#9ea1e2
rgb(158,161,226)
-
#adb0e7
#adb0e7
rgb(173,176,231)
-
#bcbeeb
#bcbeeb
rgb(188,190,235)
-
#cbcdf0
#cbcdf0
rgb(203,205,240)
-
#dadcf4
#dadcf4
rgb(218,220,244)
-
#e9eaf9
#e9eaf9
rgb(233,234,249)
-
#f9f9fd
#f9f9fd
rgb(249,249,253)
Tones of #343aaf
A tone is produced by adding gray to any pure hue. In this case, #717172 is the less saturated color, while #0813db is the most saturated one.
-
#717172
#717172
rgb(113,113,114)
-
#68697b
#68697b
rgb(104,105,123)
-
#606183
#606183
rgb(96,97,131)
-
#575a8c
#575a8c
rgb(87,90,140)
-
#4e5295
#4e5295
rgb(78,82,149)
-
#454a9e
#454a9e
rgb(69,74,158)
-
#3d42a6
#3d42a6
rgb(61,66,166)
-
#343aaf
#343aaf
rgb(52,58,175)
-
#2b32b8
#2b32b8
rgb(43,50,184)
-
#232ac0
#232ac0
rgb(35,42,192)
-
#1a22c9
#1a22c9
rgb(26,34,201)
-
#111ad2
#111ad2
rgb(17,26,210)
-
#0813db
#0813db
rgb(8,19,219)
Color Blindness Simulator
Below, you can see how #343aaf 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.