#344fbb Color Information
In a RGB color space, hex #344fbb is composed of 20.4% red, 31% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 57.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 228 degrees, a saturation of 56.5% and a lightness of 46.9%. #344fbb color hex could be obtained by blending #689eff with #000077. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 73
-
- C 72
- M 58
- Y 0
- K 27
● #344fbb color description : Moderate blue.
#344fbb Color Conversion
The hexadecimal color #344fbb has RGB values of R:52, G:79, B:187 and CMYK values of C:0.72, M:0.58, Y:0, K:0.27. Its decimal value is 3428283.
Hex triplet | 344fbb | #344fbb |
---|---|---|
RGB Decimal | 52, 79, 187 | rgb(52,79,187) |
RGB Percent | 20.4, 31, 73.3 | rgb(20.4%,31%,73.3%) |
CMYK | 72, 58, 0, 27 | |
HSL | 228°, 56.5, 46.9 | hsl(228,56.5%,46.9%) |
HSV (or HSB) | 228°, 72.2, 73.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 37.679, 27.425, -59.907 |
---|---|
XYZ | 13.18, 9.909, 48.229 |
xyY | 0.185, 0.139, 9.909 |
CIE-LCH | 37.679, 65.886, 294.598 |
CIE-LUV | 37.679, -12.655, -86.881 |
Hunter-Lab | 31.479, 19.649, -68.804 |
Binary | 00110100, 01001111, 10111011 |
Color Schemes with #344fbb
Alternatives to #344fbb
Below, you can see some colors close to #344fbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344fbb Preview
This text has a font color of #344fbb.
<span style="color:#344fbb;">Text here</span>
This paragraph has a background color of #344fbb.
<p style="background-color:#344fbb;">Content here</p>
This element has a border color of #344fbb.
<div style="border:1px solid #344fbb;">Content here</div>
.text {color:#344fbb;}
.background {background-color:#344fbb;}
.border {border:1px solid #344fbb;}
Shades and Tints of #344fbb
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, #010103 is the darkest color, while #f2f4fc is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#050812
#050812
rgb(5,8,18)
-
#090e22
#090e22
rgb(9,14,34)
-
#0e1531
#0e1531
rgb(14,21,49)
-
#121b40
#121b40
rgb(18,27,64)
-
#162250
#162250
rgb(22,34,80)
-
#1a285f
#1a285f
rgb(26,40,95)
-
#1f2f6e
#1f2f6e
rgb(31,47,110)
-
#23357e
#23357e
rgb(35,53,126)
-
#273c8d
#273c8d
rgb(39,60,141)
-
#2b429c
#2b429c
rgb(43,66,156)
-
#3049ac
#3049ac
rgb(48,73,172)
-
#344fbb
#344fbb
rgb(52,79,187)
-
#3a57c8
#3a57c8
rgb(58,87,200)
-
#4a64cd
#4a64cd
rgb(74,100,205)
-
#5971d1
#5971d1
rgb(89,113,209)
-
#687ed5
#687ed5
rgb(104,126,213)
-
#788bd9
#788bd9
rgb(120,139,217)
-
#8798de
#8798de
rgb(135,152,222)
-
#96a5e2
#96a5e2
rgb(150,165,226)
-
#a6b3e6
#a6b3e6
rgb(166,179,230)
-
#b5c0ea
#b5c0ea
rgb(181,192,234)
-
#c4cdef
#c4cdef
rgb(196,205,239)
-
#d4daf3
#d4daf3
rgb(212,218,243)
-
#e3e7f7
#e3e7f7
rgb(227,231,247)
-
#f2f4fc
#f2f4fc
rgb(242,244,252)
Tones of #344fbb
A tone is produced by adding gray to any pure hue. In this case, #74767b is the less saturated color, while #0633e9 is the most saturated one.
-
#74767b
#74767b
rgb(116,118,123)
-
#6b7084
#6b7084
rgb(107,112,132)
-
#626b8d
#626b8d
rgb(98,107,141)
-
#596596
#596596
rgb(89,101,150)
-
#50609f
#50609f
rgb(80,96,159)
-
#465aa9
#465aa9
rgb(70,90,169)
-
#3d55b2
#3d55b2
rgb(61,85,178)
-
#344fbb
#344fbb
rgb(52,79,187)
-
#2b49c4
#2b49c4
rgb(43,73,196)
-
#2244cd
#2244cd
rgb(34,68,205)
-
#183ed7
#183ed7
rgb(24,62,215)
-
#0f39e0
#0f39e0
rgb(15,57,224)
-
#0633e9
#0633e9
rgb(6,51,233)
Color Blindness Simulator
Below, you can see how #344fbb 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.