#334dff Color Information
In a RGB color space, hex #334dff is composed of 20% red, 30.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 69.8% magenta, 0% yellow and 0% black. It has a hue angle of 232.4 degrees, a saturation of 100% and a lightness of 60%. #334dff color hex could be obtained by blending #669aff with #0000ff. Closest websafe color is: #3366ff.
-
- R 20
- G 30
- B 100
-
- C 80
- M 70
- Y 0
- K 0
● #334dff color description : Vivid blue.
#334dff Color Conversion
The hexadecimal color #334dff has RGB values of R:51, G:77, B:255 and CMYK values of C:0.8, M:0.7, Y:0, K:0. Its decimal value is 3362303.
Hex triplet | 334dff | #334dff |
---|---|---|
RGB Decimal | 51, 77, 255 | rgb(51,77,255) |
RGB Percent | 20, 30.2, 100 | rgb(20%,30.2%,100%) |
CMYK | 80, 70, 0, 0 | |
HSL | 232.4°, 100, 60 | hsl(232.4,100%,60%) |
HSV (or HSB) | 232.4°, 80, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.108, 52.524, -89.864 |
---|---|
XYZ | 22.065, 13.23, 95.993 |
xyY | 0.168, 0.101, 13.23 |
CIE-LCH | 43.108, 104.088, 300.306 |
CIE-LUV | 43.108, -13.598, -131.232 |
Hunter-Lab | 36.373, 44.633, -131.012 |
Binary | 00110011, 01001101, 11111111 |
Color Schemes with #334dff
Alternatives to #334dff
Below, you can see some colors close to #334dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334dff Preview
This text has a font color of #334dff.
<span style="color:#334dff;">Text here</span>
This paragraph has a background color of #334dff.
<p style="background-color:#334dff;">Content here</p>
This element has a border color of #334dff.
<div style="border:1px solid #334dff;">Content here</div>
.text {color:#334dff;}
.background {background-color:#334dff;}
.border {border:1px solid #334dff;}
Shades and Tints of #334dff
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, #00010c is the darkest color, while #f7f8ff is the lightest one.
-
#00010c
#00010c
rgb(0,1,12)
-
#00041f
#00041f
rgb(0,4,31)
-
#000633
#000633
rgb(0,6,51)
-
#000947
#000947
rgb(0,9,71)
-
#000c5a
#000c5a
rgb(0,12,90)
-
#000e6e
#000e6e
rgb(0,14,110)
-
#001081
#001081
rgb(0,16,129)
-
#001395
#001395
rgb(0,19,149)
-
#0015a9
#0015a9
rgb(0,21,169)
-
#0018bc
#0018bc
rgb(0,24,188)
-
#001ad0
#001ad0
rgb(0,26,208)
-
#001de4
#001de4
rgb(0,29,228)
-
#001ff7
#001ff7
rgb(0,31,247)
-
#0c2bff
#0c2bff
rgb(12,43,255)
-
#1f3cff
#1f3cff
rgb(31,60,255)
-
#334dff
#334dff
rgb(51,77,255)
-
#475eff
#475eff
rgb(71,94,255)
-
#5a6fff
#5a6fff
rgb(90,111,255)
-
#6e80ff
#6e80ff
rgb(110,128,255)
-
#8191ff
#8191ff
rgb(129,145,255)
-
#95a3ff
#95a3ff
rgb(149,163,255)
-
#a9b4ff
#a9b4ff
rgb(169,180,255)
-
#bcc5ff
#bcc5ff
rgb(188,197,255)
-
#d0d6ff
#d0d6ff
rgb(208,214,255)
-
#e4e7ff
#e4e7ff
rgb(228,231,255)
-
#f7f8ff
#f7f8ff
rgb(247,248,255)
Tones of #334dff
A tone is produced by adding gray to any pure hue. In this case, #9193a1 is the less saturated color, while #334dff is the most saturated one.
-
#9193a1
#9193a1
rgb(145,147,161)
-
#898da9
#898da9
rgb(137,141,169)
-
#8187b1
#8187b1
rgb(129,135,177)
-
#7a82b8
#7a82b8
rgb(122,130,184)
-
#727cc0
#727cc0
rgb(114,124,192)
-
#6a76c8
#6a76c8
rgb(106,118,200)
-
#6270d0
#6270d0
rgb(98,112,208)
-
#5a6ad8
#5a6ad8
rgb(90,106,216)
-
#5264e0
#5264e0
rgb(82,100,224)
-
#4b5fe7
#4b5fe7
rgb(75,95,231)
-
#4359ef
#4359ef
rgb(67,89,239)
-
#3b53f7
#3b53f7
rgb(59,83,247)
-
#334dff
#334dff
rgb(51,77,255)
Color Blindness Simulator
Below, you can see how #334dff 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.