#344682 Color Information
In a RGB color space, hex #344682 is composed of 20.4% red, 27.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 46.2% magenta, 0% yellow and 49% black. It has a hue angle of 226.2 degrees, a saturation of 42.9% and a lightness of 35.7%. #344682 color hex could be obtained by blending #688cff with #000005. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 51
-
- C 60
- M 46
- Y 0
- K 49
● #344682 color description : Dark moderate blue.
#344682 Color Conversion
The hexadecimal color #344682 has RGB values of R:52, G:70, B:130 and CMYK values of C:0.6, M:0.46, Y:0, K:0.49. Its decimal value is 3425922.
Hex triplet | 344682 | #344682 |
---|---|---|
RGB Decimal | 52, 70, 130 | rgb(52,70,130) |
RGB Percent | 20.4, 27.5, 51 | rgb(20.4%,27.5%,51%) |
CMYK | 60, 46, 0, 49 | |
HSL | 226.2°, 42.9, 35.7 | hsl(226.2,42.9%,35.7%) |
HSV (or HSB) | 226.2°, 60, 51 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.165, 12.439, -36.064 |
---|---|
XYZ | 7.635, 6.722, 22.013 |
xyY | 0.21, 0.185, 6.722 |
CIE-LCH | 31.165, 38.149, 289.031 |
CIE-LUV | 31.165, -9.25, -49.288 |
Hunter-Lab | 25.926, 7.194, -32.192 |
Binary | 00110100, 01000110, 10000010 |
Color Schemes with #344682
Alternatives to #344682
Below, you can see some colors close to #344682. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344682 Preview
This text has a font color of #344682.
<span style="color:#344682;">Text here</span>
This paragraph has a background color of #344682.
<p style="background-color:#344682;">Content here</p>
This element has a border color of #344682.
<div style="border:1px solid #344682;">Content here</div>
.text {color:#344682;}
.background {background-color:#344682;}
.border {border:1px solid #344682;}
Shades and Tints of #344682
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, #020204 is the darkest color, while #f5f6fb is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#070a12
#070a12
rgb(7,10,18)
-
#0d1120
#0d1120
rgb(13,17,32)
-
#12192e
#12192e
rgb(18,25,46)
-
#18203c
#18203c
rgb(24,32,60)
-
#1e284a
#1e284a
rgb(30,40,74)
-
#232f58
#232f58
rgb(35,47,88)
-
#293766
#293766
rgb(41,55,102)
-
#2e3e74
#2e3e74
rgb(46,62,116)
-
#344682
#344682
rgb(52,70,130)
-
#3a4e90
#3a4e90
rgb(58,78,144)
-
#3f559e
#3f559e
rgb(63,85,158)
-
#455dac
#455dac
rgb(69,93,172)
-
#4d65b8
#4d65b8
rgb(77,101,184)
-
#5b72bd
#5b72bd
rgb(91,114,189)
-
#697ec3
#697ec3
rgb(105,126,195)
-
#778ac9
#778ac9
rgb(119,138,201)
-
#8596ce
#8596ce
rgb(133,150,206)
-
#93a2d4
#93a2d4
rgb(147,162,212)
-
#a1aed9
#a1aed9
rgb(161,174,217)
-
#afbadf
#afbadf
rgb(175,186,223)
-
#bdc6e5
#bdc6e5
rgb(189,198,229)
-
#cbd2ea
#cbd2ea
rgb(203,210,234)
-
#d9def0
#d9def0
rgb(217,222,240)
-
#e7eaf5
#e7eaf5
rgb(231,234,245)
-
#f5f6fb
#f5f6fb
rgb(245,246,251)
Tones of #344682
A tone is produced by adding gray to any pure hue. In this case, #57595f is the less saturated color, while #032cb3 is the most saturated one.
-
#57595f
#57595f
rgb(87,89,95)
-
#505566
#505566
rgb(80,85,102)
-
#49516d
#49516d
rgb(73,81,109)
-
#424e74
#424e74
rgb(66,78,116)
-
#3b4a7b
#3b4a7b
rgb(59,74,123)
-
#344682
#344682
rgb(52,70,130)
-
#2d4289
#2d4289
rgb(45,66,137)
-
#263e90
#263e90
rgb(38,62,144)
-
#1f3b97
#1f3b97
rgb(31,59,151)
-
#18379e
#18379e
rgb(24,55,158)
-
#1133a5
#1133a5
rgb(17,51,165)
-
#0a2fac
#0a2fac
rgb(10,47,172)
-
#032cb3
#032cb3
rgb(3,44,179)
Color Blindness Simulator
Below, you can see how #344682 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.