#344ccc Color Information
In a RGB color space, hex #344ccc is composed of 20.4% red, 29.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 62.7% magenta, 0% yellow and 20% black. It has a hue angle of 230.5 degrees, a saturation of 59.8% and a lightness of 50.2%. #344ccc color hex could be obtained by blending #6898ff with #000099. Closest websafe color is: #3333cc.
-
- R 20
- G 30
- B 80
-
- C 75
- M 63
- Y 0
- K 20
● #344ccc color description : Moderate blue.
#344ccc Color Conversion
The hexadecimal color #344ccc has RGB values of R:52, G:76, B:204 and CMYK values of C:0.75, M:0.63, Y:0, K:0.2. Its decimal value is 3427532.
Hex triplet | 344ccc | #344ccc |
---|---|---|
RGB Decimal | 52, 76, 204 | rgb(52,76,204) |
RGB Percent | 20.4, 29.8, 80 | rgb(20.4%,29.8%,80%) |
CMYK | 75, 63, 0, 20 | |
HSL | 230.5°, 59.8, 50.2 | hsl(230.5,59.8%,50.2%) |
HSV (or HSB) | 230.5°, 74.5, 80 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 38.301, 35.529, -68.8 |
---|---|
XYZ | 14.897, 10.258, 58.318 |
xyY | 0.178, 0.123, 10.258 |
CIE-LCH | 38.301, 77.432, 297.312 |
CIE-LUV | 38.301, -12.184, -99.456 |
Hunter-Lab | 32.027, 26.98, -85.541 |
Binary | 00110100, 01001100, 11001100 |
Color Schemes with #344ccc
Alternatives to #344ccc
Below, you can see some colors close to #344ccc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344ccc Preview
This text has a font color of #344ccc.
<span style="color:#344ccc;">Text here</span>
This paragraph has a background color of #344ccc.
<p style="background-color:#344ccc;">Content here</p>
This element has a border color of #344ccc.
<div style="border:1px solid #344ccc;">Content here</div>
.text {color:#344ccc;}
.background {background-color:#344ccc;}
.border {border:1px solid #344ccc;}
Shades and Tints of #344ccc
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, #000001 is the darkest color, while #f0f2fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#040610
#040610
rgb(4,6,16)
-
#080c20
#080c20
rgb(8,12,32)
-
#0c1230
#0c1230
rgb(12,18,48)
-
#101740
#101740
rgb(16,23,64)
-
#141d4f
#141d4f
rgb(20,29,79)
-
#18235f
#18235f
rgb(24,35,95)
-
#1c296f
#1c296f
rgb(28,41,111)
-
#202f7e
#202f7e
rgb(32,47,126)
-
#24348e
#24348e
rgb(36,52,142)
-
#283a9e
#283a9e
rgb(40,58,158)
-
#2c40ad
#2c40ad
rgb(44,64,173)
-
#2f46bd
#2f46bd
rgb(47,70,189)
-
#344ccc
#344ccc
rgb(52,76,204)
-
#445ad0
#445ad0
rgb(68,90,208)
-
#5368d4
#5368d4
rgb(83,104,212)
-
#6375d8
#6375d8
rgb(99,117,216)
-
#7383dc
#7383dc
rgb(115,131,220)
-
#8291e0
#8291e0
rgb(130,145,224)
-
#929fe4
#929fe4
rgb(146,159,228)
-
#a2ade8
#a2ade8
rgb(162,173,232)
-
#b1bbec
#b1bbec
rgb(177,187,236)
-
#c1c8ef
#c1c8ef
rgb(193,200,239)
-
#d1d6f3
#d1d6f3
rgb(209,214,243)
-
#e0e4f7
#e0e4f7
rgb(224,228,247)
-
#f0f2fb
#f0f2fb
rgb(240,242,251)
Tones of #344ccc
A tone is produced by adding gray to any pure hue. In this case, #787b88 is the less saturated color, while #032bfd is the most saturated one.
-
#787b88
#787b88
rgb(120,123,136)
-
#6f7491
#6f7491
rgb(111,116,145)
-
#656d9b
#656d9b
rgb(101,109,155)
-
#5b67a5
#5b67a5
rgb(91,103,165)
-
#5160af
#5160af
rgb(81,96,175)
-
#4859b8
#4859b8
rgb(72,89,184)
-
#3e53c2
#3e53c2
rgb(62,83,194)
-
#344ccc
#344ccc
rgb(52,76,204)
-
#2a45d6
#2a45d6
rgb(42,69,214)
-
#203fe0
#203fe0
rgb(32,63,224)
-
#1738e9
#1738e9
rgb(23,56,233)
-
#0d31f3
#0d31f3
rgb(13,49,243)
-
#032bfd
#032bfd
rgb(3,43,253)
Color Blindness Simulator
Below, you can see how #344ccc 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.