#334f7a Color Information
In a RGB color space, hex #334f7a is composed of 20% red, 31% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 35.2% magenta, 0% yellow and 52.2% black. It has a hue angle of 216.3 degrees, a saturation of 41% and a lightness of 33.9%. #334f7a color hex could be obtained by blending #669ef4 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 48
-
- C 58
- M 35
- Y 0
- K 52
● #334f7a color description : Dark moderate blue.
#334f7a Color Conversion
The hexadecimal color #334f7a has RGB values of R:51, G:79, B:122 and CMYK values of C:0.58, M:0.35, Y:0, K:0.52. Its decimal value is 3362682.
Hex triplet | 334f7a | #334f7a |
---|---|---|
RGB Decimal | 51, 79, 122 | rgb(51,79,122) |
RGB Percent | 20, 31, 47.8 | rgb(20%,31%,47.8%) |
CMYK | 58, 35, 0, 52 | |
HSL | 216.3°, 41, 33.9 | hsl(216.3,41%,33.9%) |
HSV (or HSB) | 216.3°, 58.2, 47.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.351, 3.378, -27.633 |
---|---|
XYZ | 7.673, 7.7, 19.493 |
xyY | 0.22, 0.221, 7.7 |
CIE-LCH | 33.351, 27.838, 276.969 |
CIE-LUV | 33.351, -12.522, -37.647 |
Hunter-Lab | 27.75, 0.796, -22.224 |
Binary | 00110011, 01001111, 01111010 |
Color Schemes with #334f7a
Alternatives to #334f7a
Below, you can see some colors close to #334f7a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334f7a Preview
This text has a font color of #334f7a.
<span style="color:#334f7a;">Text here</span>
This paragraph has a background color of #334f7a.
<p style="background-color:#334f7a;">Content here</p>
This element has a border color of #334f7a.
<div style="border:1px solid #334f7a;">Content here</div>
.text {color:#334f7a;}
.background {background-color:#334f7a;}
.border {border:1px solid #334f7a;}
Shades and Tints of #334f7a
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, #05070b is the darkest color, while #fdfdfe is the lightest one.
-
#05070b
#05070b
rgb(5,7,11)
-
#0b1019
#0b1019
rgb(11,16,25)
-
#101927
#101927
rgb(16,25,39)
-
#162235
#162235
rgb(22,34,53)
-
#1c2b43
#1c2b43
rgb(28,43,67)
-
#223451
#223451
rgb(34,52,81)
-
#273d5e
#273d5e
rgb(39,61,94)
-
#2d466c
#2d466c
rgb(45,70,108)
-
#334f7a
#334f7a
rgb(51,79,122)
-
#395888
#395888
rgb(57,88,136)
-
#3f6196
#3f6196
rgb(63,97,150)
-
#446aa3
#446aa3
rgb(68,106,163)
-
#4a73b1
#4a73b1
rgb(74,115,177)
-
#577db9
#577db9
rgb(87,125,185)
-
#6488be
#6488be
rgb(100,136,190)
-
#7292c4
#7292c4
rgb(114,146,196)
-
#809dca
#809dca
rgb(128,157,202)
-
#8ea8d0
#8ea8d0
rgb(142,168,208)
-
#9cb2d5
#9cb2d5
rgb(156,178,213)
-
#aabddb
#aabddb
rgb(170,189,219)
-
#b7c8e1
#b7c8e1
rgb(183,200,225)
-
#c5d2e7
#c5d2e7
rgb(197,210,231)
-
#d3dded
#d3dded
rgb(211,221,237)
-
#e1e8f2
#e1e8f2
rgb(225,232,242)
-
#eff2f8
#eff2f8
rgb(239,242,248)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #334f7a
A tone is produced by adding gray to any pure hue. In this case, #545659 is the less saturated color, while #0445a9 is the most saturated one.
-
#545659
#545659
rgb(84,86,89)
-
#4e555f
#4e555f
rgb(78,85,95)
-
#475366
#475366
rgb(71,83,102)
-
#40526d
#40526d
rgb(64,82,109)
-
#3a5073
#3a5073
rgb(58,80,115)
-
#334f7a
#334f7a
rgb(51,79,122)
-
#2c4e81
#2c4e81
rgb(44,78,129)
-
#264c87
#264c87
rgb(38,76,135)
-
#1f4b8e
#1f4b8e
rgb(31,75,142)
-
#184995
#184995
rgb(24,73,149)
-
#12489b
#12489b
rgb(18,72,155)
-
#0b47a2
#0b47a2
rgb(11,71,162)
-
#0445a9
#0445a9
rgb(4,69,169)
Color Blindness Simulator
Below, you can see how #334f7a 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.