#334688 Color Information
In a RGB color space, hex #334688 is composed of 20% red, 27.5% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 62.5% cyan, 48.5% magenta, 0% yellow and 46.7% black. It has a hue angle of 226.6 degrees, a saturation of 45.5% and a lightness of 36.7%. #334688 color hex could be obtained by blending #668cff with #000011. Closest websafe color is: #333399.
-
- R 20
- G 27
- B 53
-
- C 63
- M 49
- Y 0
- K 47
● #334688 color description : Dark moderate blue.
#334688 Color Conversion
The hexadecimal color #334688 has RGB values of R:51, G:70, B:136 and CMYK values of C:0.63, M:0.49, Y:0, K:0.47. Its decimal value is 3360392.
Hex triplet | 334688 | #334688 |
---|---|---|
RGB Decimal | 51, 70, 136 | rgb(51,70,136) |
RGB Percent | 20, 27.5, 53.3 | rgb(20%,27.5%,53.3%) |
CMYK | 63, 49, 0, 47 | |
HSL | 226.6°, 45.5, 36.7 | hsl(226.6,45.5%,36.7%) |
HSV (or HSB) | 226.6°, 62.5, 53.3 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 31.489, 14.414, -39.26 |
---|---|
XYZ | 7.998, 6.861, 24.194 |
xyY | 0.205, 0.176, 6.861 |
CIE-LCH | 31.489, 41.823, 290.16 |
CIE-LUV | 31.489, -9.615, -53.96 |
Hunter-Lab | 26.194, 8.666, -36.427 |
Binary | 00110011, 01000110, 10001000 |
Color Schemes with #334688
Alternatives to #334688
Below, you can see some colors close to #334688. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334688 Preview
This text has a font color of #334688.
<span style="color:#334688;">Text here</span>
This paragraph has a background color of #334688.
<p style="background-color:#334688;">Content here</p>
This element has a border color of #334688.
<div style="border:1px solid #334688;">Content here</div>
.text {color:#334688;}
.background {background-color:#334688;}
.border {border:1px solid #334688;}
Shades and Tints of #334688
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, #030408 is the darkest color, while #f8f9fd is the lightest one.
-
#030408
#030408
rgb(3,4,8)
-
#080b16
#080b16
rgb(8,11,22)
-
#0e1324
#0e1324
rgb(14,19,36)
-
#131a32
#131a32
rgb(19,26,50)
-
#182141
#182141
rgb(24,33,65)
-
#1e294f
#1e294f
rgb(30,41,79)
-
#23305d
#23305d
rgb(35,48,93)
-
#28376b
#28376b
rgb(40,55,107)
-
#2e3f7a
#2e3f7a
rgb(46,63,122)
-
#334688
#334688
rgb(51,70,136)
-
#384d96
#384d96
rgb(56,77,150)
-
#3e55a5
#3e55a5
rgb(62,85,165)
-
#435cb3
#435cb3
rgb(67,92,179)
-
#4d66bc
#4d66bc
rgb(77,102,188)
-
#5b72c2
#5b72c2
rgb(91,114,194)
-
#6a7fc7
#6a7fc7
rgb(106,127,199)
-
#788bcc
#788bcc
rgb(120,139,204)
-
#8697d2
#8697d2
rgb(134,151,210)
-
#94a3d7
#94a3d7
rgb(148,163,215)
-
#a3b0dc
#a3b0dc
rgb(163,176,220)
-
#b1bce2
#b1bce2
rgb(177,188,226)
-
#bfc8e7
#bfc8e7
rgb(191,200,231)
-
#ced4ec
#ced4ec
rgb(206,212,236)
-
#dce1f2
#dce1f2
rgb(220,225,242)
-
#eaedf7
#eaedf7
rgb(234,237,247)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #334688
A tone is produced by adding gray to any pure hue. In this case, #575a64 is the less saturated color, while #012aba is the most saturated one.
-
#575a64
#575a64
rgb(87,90,100)
-
#50566b
#50566b
rgb(80,86,107)
-
#495272
#495272
rgb(73,82,114)
-
#414e7a
#414e7a
rgb(65,78,122)
-
#3a4a81
#3a4a81
rgb(58,74,129)
-
#334688
#334688
rgb(51,70,136)
-
#2c428f
#2c428f
rgb(44,66,143)
-
#253e96
#253e96
rgb(37,62,150)
-
#1d3a9e
#1d3a9e
rgb(29,58,158)
-
#1636a5
#1636a5
rgb(22,54,165)
-
#0f32ac
#0f32ac
rgb(15,50,172)
-
#082eb3
#082eb3
rgb(8,46,179)
-
#012aba
#012aba
rgb(1,42,186)
Color Blindness Simulator
Below, you can see how #334688 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.