#334168 Color Information
In a RGB color space, hex #334168 is composed of 20% red, 25.5% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 37.5% magenta, 0% yellow and 59.2% black. It has a hue angle of 224.2 degrees, a saturation of 34.2% and a lightness of 30.4%. #334168 color hex could be obtained by blending #6682d0 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 41
-
- C 51
- M 38
- Y 0
- K 59
● #334168 color description : Very dark desaturated blue.
#334168 Color Conversion
The hexadecimal color #334168 has RGB values of R:51, G:65, B:104 and CMYK values of C:0.51, M:0.38, Y:0, K:0.59. Its decimal value is 3359080.
Hex triplet | 334168 | #334168 |
---|---|---|
RGB Decimal | 51, 65, 104 | rgb(51,65,104) |
RGB Percent | 20, 25.5, 40.8 | rgb(20%,25.5%,40.8%) |
CMYK | 51, 38, 0, 59 | |
HSL | 224.2°, 34.2, 30.4 | hsl(224.2,34.2%,30.4%) |
HSV (or HSB) | 224.2°, 51, 40.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.07, 6.365, -24.603 |
---|---|
XYZ | 5.754, 5.484, 13.851 |
xyY | 0.229, 0.219, 5.484 |
CIE-LCH | 28.07, 25.413, 284.505 |
CIE-LUV | 28.07, -7.373, -31.9 |
Hunter-Lab | 23.417, 2.878, -18.678 |
Binary | 00110011, 01000001, 01101000 |
Color Schemes with #334168
Alternatives to #334168
Below, you can see some colors close to #334168. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334168 Preview
This text has a font color of #334168.
<span style="color:#334168;">Text here</span>
This paragraph has a background color of #334168.
<p style="background-color:#334168;">Content here</p>
This element has a border color of #334168.
<div style="border:1px solid #334168;">Content here</div>
.text {color:#334168;}
.background {background-color:#334168;}
.border {border:1px solid #334168;}
Shades and Tints of #334168
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, #06070c is the darkest color, while #fefefe is the lightest one.
-
#06070c
#06070c
rgb(6,7,12)
-
#0c1019
#0c1019
rgb(12,16,25)
-
#131826
#131826
rgb(19,24,38)
-
#192033
#192033
rgb(25,32,51)
-
#202841
#202841
rgb(32,40,65)
-
#26314e
#26314e
rgb(38,49,78)
-
#2d395b
#2d395b
rgb(45,57,91)
-
#334168
#334168
rgb(51,65,104)
-
#394975
#394975
rgb(57,73,117)
-
#405182
#405182
rgb(64,81,130)
-
#465a8f
#465a8f
rgb(70,90,143)
-
#4d629d
#4d629d
rgb(77,98,157)
-
#536aaa
#536aaa
rgb(83,106,170)
-
#6075b1
#6075b1
rgb(96,117,177)
-
#6d81b7
#6d81b7
rgb(109,129,183)
-
#7a8cbe
#7a8cbe
rgb(122,140,190)
-
#8797c4
#8797c4
rgb(135,151,196)
-
#94a3cb
#94a3cb
rgb(148,163,203)
-
#a2aed1
#a2aed1
rgb(162,174,209)
-
#afbad8
#afbad8
rgb(175,186,216)
-
#bcc5de
#bcc5de
rgb(188,197,222)
-
#c9d0e5
#c9d0e5
rgb(201,208,229)
-
#d6dceb
#d6dceb
rgb(214,220,235)
-
#e3e7f1
#e3e7f1
rgb(227,231,241)
-
#f1f2f8
#f1f2f8
rgb(241,242,248)
-
#fefefe
#fefefe
rgb(254,254,254)
Tones of #334168
A tone is produced by adding gray to any pure hue. In this case, #4b4c50 is the less saturated color, while #032b98 is the most saturated one.
-
#4b4c50
#4b4c50
rgb(75,76,80)
-
#454956
#454956
rgb(69,73,86)
-
#3f475c
#3f475c
rgb(63,71,92)
-
#394462
#394462
rgb(57,68,98)
-
#334168
#334168
rgb(51,65,104)
-
#2d3e6e
#2d3e6e
rgb(45,62,110)
-
#273b74
#273b74
rgb(39,59,116)
-
#21397a
#21397a
rgb(33,57,122)
-
#1b3680
#1b3680
rgb(27,54,128)
-
#153386
#153386
rgb(21,51,134)
-
#0f308c
#0f308c
rgb(15,48,140)
-
#092d92
#092d92
rgb(9,45,146)
-
#032b98
#032b98
rgb(3,43,152)
Color Blindness Simulator
Below, you can see how #334168 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.