#334ba3 Color Information
In a RGB color space, hex #334ba3 is composed of 20% red, 29.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 54% magenta, 0% yellow and 36.1% black. It has a hue angle of 227.1 degrees, a saturation of 52.3% and a lightness of 42%. #334ba3 color hex could be obtained by blending #6696ff with #000047. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 64
-
- C 69
- M 54
- Y 0
- K 36
● #334ba3 color description : Dark moderate blue.
#334ba3 Color Conversion
The hexadecimal color #334ba3 has RGB values of R:51, G:75, B:163 and CMYK values of C:0.69, M:0.54, Y:0, K:0.36. Its decimal value is 3361699.
Hex triplet | 334ba3 | #334ba3 |
---|---|---|
RGB Decimal | 51, 75, 163 | rgb(51,75,163) |
RGB Percent | 20, 29.4, 63.9 | rgb(20%,29.4%,63.9%) |
CMYK | 69, 54, 0, 36 | |
HSL | 227.1°, 52.3, 42 | hsl(227.1,52.3%,42%) |
HSV (or HSB) | 227.1°, 68.7, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.761, 21.044, -50.408 |
---|---|
XYZ | 10.491, 8.38, 35.713 |
xyY | 0.192, 0.154, 8.38 |
CIE-LCH | 34.761, 54.624, 292.659 |
CIE-LUV | 34.761, -11.47, -71.577 |
Hunter-Lab | 28.948, 14.031, -52.883 |
Binary | 00110011, 01001011, 10100011 |
Color Schemes with #334ba3
Alternatives to #334ba3
Below, you can see some colors close to #334ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ba3 Preview
This text has a font color of #334ba3.
<span style="color:#334ba3;">Text here</span>
This paragraph has a background color of #334ba3.
<p style="background-color:#334ba3;">Content here</p>
This element has a border color of #334ba3.
<div style="border:1px solid #334ba3;">Content here</div>
.text {color:#334ba3;}
.background {background-color:#334ba3;}
.border {border:1px solid #334ba3;}
Shades and Tints of #334ba3
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, #04060e is the darkest color, while #fefeff is the lightest one.
-
#04060e
#04060e
rgb(4,6,14)
-
#090d1d
#090d1d
rgb(9,13,29)
-
#0e142b
#0e142b
rgb(14,20,43)
-
#121b3a
#121b3a
rgb(18,27,58)
-
#172249
#172249
rgb(23,34,73)
-
#1c2958
#1c2958
rgb(28,41,88)
-
#203067
#203067
rgb(32,48,103)
-
#253676
#253676
rgb(37,54,118)
-
#2a3d85
#2a3d85
rgb(42,61,133)
-
#2e4494
#2e4494
rgb(46,68,148)
-
#334ba3
#334ba3
rgb(51,75,163)
-
#3852b2
#3852b2
rgb(56,82,178)
-
#3c59c1
#3c59c1
rgb(60,89,193)
-
#4a65c6
#4a65c6
rgb(74,101,198)
-
#5972cb
#5972cb
rgb(89,114,203)
-
#687ed0
#687ed0
rgb(104,126,208)
-
#778bd5
#778bd5
rgb(119,139,213)
-
#8698d9
#8698d9
rgb(134,152,217)
-
#95a5de
#95a5de
rgb(149,165,222)
-
#a4b1e3
#a4b1e3
rgb(164,177,227)
-
#b3bee7
#b3bee7
rgb(179,190,231)
-
#c2cbec
#c2cbec
rgb(194,203,236)
-
#d1d8f1
#d1d8f1
rgb(209,216,241)
-
#e0e4f5
#e0e4f5
rgb(224,228,245)
-
#eff1fa
#eff1fa
rgb(239,241,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #334ba3
A tone is produced by adding gray to any pure hue. In this case, #646772 is the less saturated color, while #022fd4 is the most saturated one.
-
#646772
#646772
rgb(100,103,114)
-
#5c637a
#5c637a
rgb(92,99,122)
-
#545e82
#545e82
rgb(84,94,130)
-
#4c598a
#4c598a
rgb(76,89,138)
-
#435493
#435493
rgb(67,84,147)
-
#3b509b
#3b509b
rgb(59,80,155)
-
#334ba3
#334ba3
rgb(51,75,163)
-
#2b46ab
#2b46ab
rgb(43,70,171)
-
#2342b3
#2342b3
rgb(35,66,179)
-
#1a3dbc
#1a3dbc
rgb(26,61,188)
-
#1238c4
#1238c4
rgb(18,56,196)
-
#0a33cc
#0a33cc
rgb(10,51,204)
-
#022fd4
#022fd4
rgb(2,47,212)
Color Blindness Simulator
Below, you can see how #334ba3 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.