#334fbf Color Information
In a RGB color space, hex #334fbf is composed of 20% red, 31% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 58.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 228 degrees, a saturation of 57.9% and a lightness of 47.5%. #334fbf color hex could be obtained by blending #669eff with #00007f. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 75
-
- C 73
- M 59
- Y 0
- K 25
● #334fbf color description : Moderate blue.
#334fbf Color Conversion
The hexadecimal color #334fbf has RGB values of R:51, G:79, B:191 and CMYK values of C:0.73, M:0.59, Y:0, K:0.25. Its decimal value is 3362751.
Hex triplet | 334fbf | #334fbf |
---|---|---|
RGB Decimal | 51, 79, 191 | rgb(51,79,191) |
RGB Percent | 20, 31, 74.9 | rgb(20%,31%,74.9%) |
CMYK | 73, 59, 0, 25 | |
HSL | 228°, 57.9, 47.5 | hsl(228,57.9%,47.5%) |
HSV (or HSB) | 228°, 73.3, 74.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 37.944, 28.768, -61.821 |
---|---|
XYZ | 13.563, 10.056, 50.514 |
xyY | 0.183, 0.136, 10.056 |
CIE-LCH | 37.944, 68.186, 294.955 |
CIE-LUV | 37.944, -12.887, -89.712 |
Hunter-Lab | 31.712, 20.849, -72.244 |
Binary | 00110011, 01001111, 10111111 |
Color Schemes with #334fbf
Alternatives to #334fbf
Below, you can see some colors close to #334fbf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334fbf Preview
This text has a font color of #334fbf.
<span style="color:#334fbf;">Text here</span>
This paragraph has a background color of #334fbf.
<p style="background-color:#334fbf;">Content here</p>
This element has a border color of #334fbf.
<div style="border:1px solid #334fbf;">Content here</div>
.text {color:#334fbf;}
.background {background-color:#334fbf;}
.border {border:1px solid #334fbf;}
Shades and Tints of #334fbf
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, #010205 is the darkest color, while #f5f6fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#060915
#060915
rgb(6,9,21)
-
#0a0f24
#0a0f24
rgb(10,15,36)
-
#0e1534
#0e1534
rgb(14,21,52)
-
#121c43
#121c43
rgb(18,28,67)
-
#162253
#162253
rgb(22,34,83)
-
#1a2962
#1a2962
rgb(26,41,98)
-
#1e2f72
#1e2f72
rgb(30,47,114)
-
#223581
#223581
rgb(34,53,129)
-
#273c91
#273c91
rgb(39,60,145)
-
#2b42a0
#2b42a0
rgb(43,66,160)
-
#2f49b0
#2f49b0
rgb(47,73,176)
-
#334fbf
#334fbf
rgb(51,79,191)
-
#3b58cb
#3b58cb
rgb(59,88,203)
-
#4a65cf
#4a65cf
rgb(74,101,207)
-
#5a72d3
#5a72d3
rgb(90,114,211)
-
#697fd7
#697fd7
rgb(105,127,215)
-
#798ddb
#798ddb
rgb(121,141,219)
-
#889adf
#889adf
rgb(136,154,223)
-
#98a7e3
#98a7e3
rgb(152,167,227)
-
#a7b4e8
#a7b4e8
rgb(167,180,232)
-
#b7c1ec
#b7c1ec
rgb(183,193,236)
-
#c6cff0
#c6cff0
rgb(198,207,240)
-
#d6dcf4
#d6dcf4
rgb(214,220,244)
-
#e5e9f8
#e5e9f8
rgb(229,233,248)
-
#f5f6fc
#f5f6fc
rgb(245,246,252)
Tones of #334fbf
A tone is produced by adding gray to any pure hue. In this case, #74767e is the less saturated color, while #0433ee is the most saturated one.
-
#74767e
#74767e
rgb(116,118,126)
-
#6b7187
#6b7187
rgb(107,113,135)
-
#626b90
#626b90
rgb(98,107,144)
-
#58659a
#58659a
rgb(88,101,154)
-
#4f60a3
#4f60a3
rgb(79,96,163)
-
#465aac
#465aac
rgb(70,90,172)
-
#3c55b6
#3c55b6
rgb(60,85,182)
-
#334fbf
#334fbf
rgb(51,79,191)
-
#2a49c8
#2a49c8
rgb(42,73,200)
-
#2044d2
#2044d2
rgb(32,68,210)
-
#173edb
#173edb
rgb(23,62,219)
-
#0e39e4
#0e39e4
rgb(14,57,228)
-
#0433ee
#0433ee
rgb(4,51,238)
Color Blindness Simulator
Below, you can see how #334fbf 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.