#334176 Color Information
In a RGB color space, hex #334176 is composed of 20% red, 25.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 44.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 227.5 degrees, a saturation of 39.6% and a lightness of 33.1%. #334176 color hex could be obtained by blending #6682ec with #000000. Closest websafe color is: #333366.
-
- R 20
- G 25
- B 46
-
- C 57
- M 45
- Y 0
- K 54
● #334176 color description : Dark moderate blue.
#334176 Color Conversion
The hexadecimal color #334176 has RGB values of R:51, G:65, B:118 and CMYK values of C:0.57, M:0.45, Y:0, K:0.54. Its decimal value is 3359094.
Hex triplet | 334176 | #334176 |
---|---|---|
RGB Decimal | 51, 65, 118 | rgb(51,65,118) |
RGB Percent | 20, 25.5, 46.3 | rgb(20%,25.5%,46.3%) |
CMYK | 57, 45, 0, 54 | |
HSL | 227.5°, 39.6, 33.1 | hsl(227.5,39.6%,33.1%) |
HSV (or HSB) | 227.5°, 56.8, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 28.882, 11.274, -32.206 |
---|---|
XYZ | 6.525, 5.792, 17.913 |
xyY | 0.216, 0.192, 5.792 |
CIE-LCH | 28.882, 34.122, 289.293 |
CIE-LUV | 28.882, -7.685, -42.828 |
Hunter-Lab | 24.067, 6.277, -27.282 |
Binary | 00110011, 01000001, 01110110 |
Color Schemes with #334176
Alternatives to #334176
Below, you can see some colors close to #334176. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334176 Preview
This text has a font color of #334176.
<span style="color:#334176;">Text here</span>
This paragraph has a background color of #334176.
<p style="background-color:#334176;">Content here</p>
This element has a border color of #334176.
<div style="border:1px solid #334176;">Content here</div>
.text {color:#334176;}
.background {background-color:#334176;}
.border {border:1px solid #334176;}
Shades and Tints of #334176
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, #040508 is the darkest color, while #fafafd is the lightest one.
-
#040508
#040508
rgb(4,5,8)
-
#0a0c16
#0a0c16
rgb(10,12,22)
-
#0f1424
#0f1424
rgb(15,20,36)
-
#151b32
#151b32
rgb(21,27,50)
-
#1b233f
#1b233f
rgb(27,35,63)
-
#212a4d
#212a4d
rgb(33,42,77)
-
#27325b
#27325b
rgb(39,50,91)
-
#2d3968
#2d3968
rgb(45,57,104)
-
#334176
#334176
rgb(51,65,118)
-
#394984
#394984
rgb(57,73,132)
-
#3f5091
#3f5091
rgb(63,80,145)
-
#45589f
#45589f
rgb(69,88,159)
-
#4b5fad
#4b5fad
rgb(75,95,173)
-
#556ab6
#556ab6
rgb(85,106,182)
-
#6376bc
#6376bc
rgb(99,118,188)
-
#7182c2
#7182c2
rgb(113,130,194)
-
#7e8ec7
#7e8ec7
rgb(126,142,199)
-
#8c9acd
#8c9acd
rgb(140,154,205)
-
#9aa6d3
#9aa6d3
rgb(154,166,211)
-
#a8b2d9
#a8b2d9
rgb(168,178,217)
-
#b5bedf
#b5bedf
rgb(181,190,223)
-
#c3cae5
#c3cae5
rgb(195,202,229)
-
#d1d6eb
#d1d6eb
rgb(209,214,235)
-
#dee2f1
#dee2f1
rgb(222,226,241)
-
#eceef7
#eceef7
rgb(236,238,247)
-
#fafafd
#fafafd
rgb(250,250,253)
Tones of #334176
A tone is produced by adding gray to any pure hue. In this case, #545456 is the less saturated color, while #0527a4 is the most saturated one.
-
#545456
#545456
rgb(84,84,86)
-
#4d505c
#4d505c
rgb(77,80,92)
-
#474c63
#474c63
rgb(71,76,99)
-
#404969
#404969
rgb(64,73,105)
-
#3a4570
#3a4570
rgb(58,69,112)
-
#334176
#334176
rgb(51,65,118)
-
#2d3d7d
#2d3d7d
rgb(45,61,125)
-
#263983
#263983
rgb(38,57,131)
-
#20368a
#20368a
rgb(32,54,138)
-
#193290
#193290
rgb(25,50,144)
-
#132e97
#132e97
rgb(19,46,151)
-
#0c2a9d
#0c2a9d
rgb(12,42,157)
-
#0527a4
#0527a4
rgb(5,39,164)
Color Blindness Simulator
Below, you can see how #334176 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.