#334c99 Color Information
In a RGB color space, hex #334c99 is composed of 20% red, 29.8% green and 60% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 50.3% magenta, 0% yellow and 40% black. It has a hue angle of 225.3 degrees, a saturation of 50% and a lightness of 40%. #334c99 color hex could be obtained by blending #6698ff with #000033. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 60
-
- C 67
- M 50
- Y 0
- K 40
● #334c99 color description : Dark moderate blue.
#334c99 Color Conversion
The hexadecimal color #334c99 has RGB values of R:51, G:76, B:153 and CMYK values of C:0.67, M:0.5, Y:0, K:0.4. Its decimal value is 3361945.
Hex triplet | 334c99 | #334c99 |
---|---|---|
RGB Decimal | 51, 76, 153 | rgb(51,76,153) |
RGB Percent | 20, 29.8, 60 | rgb(20%,29.8%,60%) |
CMYK | 67, 50, 0, 40 | |
HSL | 225.3°, 50, 40 | hsl(225.3,50%,40%) |
HSV (or HSB) | 225.3°, 66.7, 60 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.339, 16.667, -45.066 |
---|---|
XYZ | 9.698, 8.172, 31.202 |
xyY | 0.198, 0.167, 8.172 |
CIE-LCH | 34.339, 48.049, 290.297 |
CIE-LUV | 34.339, -11.651, -63.716 |
Hunter-Lab | 28.587, 10.53, -44.702 |
Binary | 00110011, 01001100, 10011001 |
Color Schemes with #334c99
Alternatives to #334c99
Below, you can see some colors close to #334c99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334c99 Preview
This text has a font color of #334c99.
<span style="color:#334c99;">Text here</span>
This paragraph has a background color of #334c99.
<p style="background-color:#334c99;">Content here</p>
This element has a border color of #334c99.
<div style="border:1px solid #334c99;">Content here</div>
.text {color:#334c99;}
.background {background-color:#334c99;}
.border {border:1px solid #334c99;}
Shades and Tints of #334c99
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, #020306 is the darkest color, while #f6f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#070a15
#070a15
rgb(7,10,21)
-
#0c1223
#0c1223
rgb(12,18,35)
-
#111932
#111932
rgb(17,25,50)
-
#162041
#162041
rgb(22,32,65)
-
#1a274f
#1a274f
rgb(26,39,79)
-
#1f2f5e
#1f2f5e
rgb(31,47,94)
-
#24366d
#24366d
rgb(36,54,109)
-
#293d7c
#293d7c
rgb(41,61,124)
-
#2e458a
#2e458a
rgb(46,69,138)
-
#334c99
#334c99
rgb(51,76,153)
-
#3853a8
#3853a8
rgb(56,83,168)
-
#3d5bb6
#3d5bb6
rgb(61,91,182)
-
#4664c1
#4664c1
rgb(70,100,193)
-
#5470c6
#5470c6
rgb(84,112,198)
-
#637dcb
#637dcb
rgb(99,125,203)
-
#7289d0
#7289d0
rgb(114,137,208)
-
#8095d5
#8095d5
rgb(128,149,213)
-
#8fa1da
#8fa1da
rgb(143,161,218)
-
#9eaedf
#9eaedf
rgb(158,174,223)
-
#adbae4
#adbae4
rgb(173,186,228)
-
#bbc6e8
#bbc6e8
rgb(187,198,232)
-
#cad3ed
#cad3ed
rgb(202,211,237)
-
#d9dff2
#d9dff2
rgb(217,223,242)
-
#e7ebf7
#e7ebf7
rgb(231,235,247)
-
#f6f8fc
#f6f8fc
rgb(246,248,252)
Tones of #334c99
A tone is produced by adding gray to any pure hue. In this case, #62646a is the less saturated color, while #0434c8 is the most saturated one.
-
#62646a
#62646a
rgb(98,100,106)
-
#5a6072
#5a6072
rgb(90,96,114)
-
#525c7a
#525c7a
rgb(82,92,122)
-
#4b5881
#4b5881
rgb(75,88,129)
-
#435489
#435489
rgb(67,84,137)
-
#3b5091
#3b5091
rgb(59,80,145)
-
#334c99
#334c99
rgb(51,76,153)
-
#2b48a1
#2b48a1
rgb(43,72,161)
-
#2344a9
#2344a9
rgb(35,68,169)
-
#1b40b1
#1b40b1
rgb(27,64,177)
-
#143cb8
#143cb8
rgb(20,60,184)
-
#0c38c0
#0c38c0
rgb(12,56,192)
-
#0434c8
#0434c8
rgb(4,52,200)
Color Blindness Simulator
Below, you can see how #334c99 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.