#344fd9 Color Information
In a RGB color space, hex #344fd9 is composed of 20.4% red, 31% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 63.6% magenta, 0% yellow and 14.9% black. It has a hue angle of 230.2 degrees, a saturation of 68.5% and a lightness of 52.7%. #344fd9 color hex could be obtained by blending #689eff with #0000b3. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 85
-
- C 76
- M 64
- Y 0
- K 15
● #344fd9 color description : Bright blue.
#344fd9 Color Conversion
The hexadecimal color #344fd9 has RGB values of R:52, G:79, B:217 and CMYK values of C:0.76, M:0.64, Y:0, K:0.15. Its decimal value is 3428313.
Hex triplet | 344fd9 | #344fd9 |
---|---|---|
RGB Decimal | 52, 79, 217 | rgb(52,79,217) |
RGB Percent | 20.4, 31, 85.1 | rgb(20.4%,31%,85.1%) |
CMYK | 76, 64, 0, 15 | |
HSL | 230.2°, 68.5, 52.7 | hsl(230.2,68.5%,52.7%) |
HSV (or HSB) | 230.2°, 76, 85.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 40.132, 38.288, -73.288 |
---|---|
XYZ | 16.734, 11.331, 66.947 |
xyY | 0.176, 0.119, 11.331 |
CIE-LCH | 40.132, 82.687, 297.584 |
CIE-LUV | 40.132, -13.104, -107.054 |
Hunter-Lab | 33.661, 29.831, -94.357 |
Binary | 00110100, 01001111, 11011001 |
Color Schemes with #344fd9
Alternatives to #344fd9
Below, you can see some colors close to #344fd9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344fd9 Preview
This text has a font color of #344fd9.
<span style="color:#344fd9;">Text here</span>
This paragraph has a background color of #344fd9.
<p style="background-color:#344fd9;">Content here</p>
This element has a border color of #344fd9.
<div style="border:1px solid #344fd9;">Content here</div>
.text {color:#344fd9;}
.background {background-color:#344fd9;}
.border {border:1px solid #344fd9;}
Shades and Tints of #344fd9
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, #02040c is the darkest color, while #fafbfe is the lightest one.
-
#02040c
#02040c
rgb(2,4,12)
-
#05091c
#05091c
rgb(5,9,28)
-
#080e2d
#080e2d
rgb(8,14,45)
-
#0b143d
#0b143d
rgb(11,20,61)
-
#0f194e
#0f194e
rgb(15,25,78)
-
#121e5e
#121e5e
rgb(18,30,94)
-
#15246f
#15246f
rgb(21,36,111)
-
#18297f
#18297f
rgb(24,41,127)
-
#1b2e90
#1b2e90
rgb(27,46,144)
-
#1e33a0
#1e33a0
rgb(30,51,160)
-
#2139b1
#2139b1
rgb(33,57,177)
-
#243ec2
#243ec2
rgb(36,62,194)
-
#2743d2
#2743d2
rgb(39,67,210)
-
#344fd9
#344fd9
rgb(52,79,217)
-
#455ddc
#455ddc
rgb(69,93,220)
-
#556cdf
#556cdf
rgb(85,108,223)
-
#667ae2
#667ae2
rgb(102,122,226)
-
#7688e5
#7688e5
rgb(118,136,229)
-
#8797e8
#8797e8
rgb(135,151,232)
-
#97a5ec
#97a5ec
rgb(151,165,236)
-
#a8b3ef
#a8b3ef
rgb(168,179,239)
-
#b8c2f2
#b8c2f2
rgb(184,194,242)
-
#c9d0f5
#c9d0f5
rgb(201,208,245)
-
#d9def8
#d9def8
rgb(217,222,248)
-
#eaedfb
#eaedfb
rgb(234,237,251)
-
#fafbfe
#fafbfe
rgb(250,251,254)
Tones of #344fd9
A tone is produced by adding gray to any pure hue. In this case, #7e818f is the less saturated color, while #0f36fe is the most saturated one.
-
#7e818f
#7e818f
rgb(126,129,143)
-
#757b98
#757b98
rgb(117,123,152)
-
#6c74a1
#6c74a1
rgb(108,116,161)
-
#626eab
#626eab
rgb(98,110,171)
-
#5968b4
#5968b4
rgb(89,104,180)
-
#5062bd
#5062bd
rgb(80,98,189)
-
#475bc6
#475bc6
rgb(71,91,198)
-
#3d55d0
#3d55d0
rgb(61,85,208)
-
#344fd9
#344fd9
rgb(52,79,217)
-
#2b49e2
#2b49e2
rgb(43,73,226)
-
#2143ec
#2143ec
rgb(33,67,236)
-
#183cf5
#183cf5
rgb(24,60,245)
-
#0f36fe
#0f36fe
rgb(15,54,254)
Color Blindness Simulator
Below, you can see how #344fd9 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.