#334cff Color Information
In a RGB color space, hex #334cff is composed of 20% red, 29.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 70.2% magenta, 0% yellow and 0% black. It has a hue angle of 232.6 degrees, a saturation of 100% and a lightness of 60%. #334cff color hex could be obtained by blending #6698ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 20
- G 30
- B 100
-
- C 80
- M 70
- Y 0
- K 0
● #334cff color description : Vivid blue.
#334cff Color Conversion
The hexadecimal color #334cff has RGB values of R:51, G:76, B:255 and CMYK values of C:0.8, M:0.7, Y:0, K:0. Its decimal value is 3362047.
Hex triplet | 334cff | #334cff |
---|---|---|
RGB Decimal | 51, 76, 255 | rgb(51,76,255) |
RGB Percent | 20, 29.8, 100 | rgb(20%,29.8%,100%) |
CMYK | 80, 70, 0, 0 | |
HSL | 232.6°, 100, 60 | hsl(232.6,100%,60%) |
HSV (or HSB) | 232.6°, 80, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.9, 53.096, -90.206 |
---|---|
XYZ | 21.996, 13.091, 95.97 |
xyY | 0.168, 0.1, 13.091 |
CIE-LCH | 42.9, 104.673, 300.481 |
CIE-LUV | 42.9, -13.414, -131.403 |
Hunter-Lab | 36.182, 45.198, -131.936 |
Binary | 00110011, 01001100, 11111111 |
Color Schemes with #334cff
Alternatives to #334cff
Below, you can see some colors close to #334cff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334cff Preview
This text has a font color of #334cff.
<span style="color:#334cff;">Text here</span>
This paragraph has a background color of #334cff.
<p style="background-color:#334cff;">Content here</p>
This element has a border color of #334cff.
<div style="border:1px solid #334cff;">Content here</div>
.text {color:#334cff;}
.background {background-color:#334cff;}
.border {border:1px solid #334cff;}
Shades and Tints of #334cff
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)
-
#000b5a
#000b5a
rgb(0,11,90)
-
#000d6e
#000d6e
rgb(0,13,110)
-
#001081
#001081
rgb(0,16,129)
-
#001295
#001295
rgb(0,18,149)
-
#0015a9
#0015a9
rgb(0,21,169)
-
#0017bc
#0017bc
rgb(0,23,188)
-
#0019d0
#0019d0
rgb(0,25,208)
-
#001ce4
#001ce4
rgb(0,28,228)
-
#001ef7
#001ef7
rgb(0,30,247)
-
#0c2aff
#0c2aff
rgb(12,42,255)
-
#1f3bff
#1f3bff
rgb(31,59,255)
-
#334cff
#334cff
rgb(51,76,255)
-
#475dff
#475dff
rgb(71,93,255)
-
#5a6eff
#5a6eff
rgb(90,110,255)
-
#6e80ff
#6e80ff
rgb(110,128,255)
-
#8191ff
#8191ff
rgb(129,145,255)
-
#95a2ff
#95a2ff
rgb(149,162,255)
-
#a9b3ff
#a9b3ff
rgb(169,179,255)
-
#bcc4ff
#bcc4ff
rgb(188,196,255)
-
#d0d6ff
#d0d6ff
rgb(208,214,255)
-
#e4e7ff
#e4e7ff
rgb(228,231,255)
-
#f7f8ff
#f7f8ff
rgb(247,248,255)
Tones of #334cff
A tone is produced by adding gray to any pure hue. In this case, #9193a1 is the less saturated color, while #334cff is the most saturated one.
-
#9193a1
#9193a1
rgb(145,147,161)
-
#898da9
#898da9
rgb(137,141,169)
-
#8187b1
#8187b1
rgb(129,135,177)
-
#7a81b8
#7a81b8
rgb(122,129,184)
-
#727bc0
#727bc0
rgb(114,123,192)
-
#6a75c8
#6a75c8
rgb(106,117,200)
-
#6270d0
#6270d0
rgb(98,112,208)
-
#5a6ad8
#5a6ad8
rgb(90,106,216)
-
#5264e0
#5264e0
rgb(82,100,224)
-
#4b5ee7
#4b5ee7
rgb(75,94,231)
-
#4358ef
#4358ef
rgb(67,88,239)
-
#3b52f7
#3b52f7
rgb(59,82,247)
-
#334cff
#334cff
rgb(51,76,255)
Color Blindness Simulator
Below, you can see how #334cff 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.