#334cfd Color Information
In a RGB color space, hex #334cfd is composed of 20% red, 29.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 70% magenta, 0% yellow and 0.8% black. It has a hue angle of 232.6 degrees, a saturation of 98.1% and a lightness of 59.6%. #334cfd color hex could be obtained by blending #6698ff with #0000fb. Closest websafe color is: #3333ff.
-
- R 20
- G 30
- B 99
-
- C 80
- M 70
- Y 0
- K 1
● #334cfd color description : Bright blue.
#334cfd Color Conversion
The hexadecimal color #334cfd has RGB values of R:51, G:76, B:253 and CMYK values of C:0.8, M:0.7, Y:0, K:0.01. Its decimal value is 3362045.
Hex triplet | 334cfd | #334cfd |
---|---|---|
RGB Decimal | 51, 76, 253 | rgb(51,76,253) |
RGB Percent | 20, 29.8, 99.2 | rgb(20%,29.8%,99.2%) |
CMYK | 80, 70, 0, 1 | |
HSL | 232.6°, 98.1, 59.6 | hsl(232.6,98.1%,59.6%) |
HSV (or HSB) | 232.6°, 79.8, 99.2 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 42.707, 52.43, -89.409 |
---|---|
XYZ | 21.676, 12.963, 94.283 |
xyY | 0.168, 0.101, 12.963 |
CIE-LCH | 42.707, 103.647, 300.388 |
CIE-LUV | 42.707, -13.367, -130.205 |
Hunter-Lab | 36.004, 44.456, -130.058 |
Binary | 00110011, 01001100, 11111101 |
Color Schemes with #334cfd
Alternatives to #334cfd
Below, you can see some colors close to #334cfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334cfd Preview
This text has a font color of #334cfd.
<span style="color:#334cfd;">Text here</span>
This paragraph has a background color of #334cfd.
<p style="background-color:#334cfd;">Content here</p>
This element has a border color of #334cfd.
<div style="border:1px solid #334cfd;">Content here</div>
.text {color:#334cfd;}
.background {background-color:#334cfd;}
.border {border:1px solid #334cfd;}
Shades and Tints of #334cfd
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, #00010a is the darkest color, while #f5f6ff is the lightest one.
-
#00010a
#00010a
rgb(0,1,10)
-
#00041d
#00041d
rgb(0,4,29)
-
#000631
#000631
rgb(0,6,49)
-
#010944
#010944
rgb(1,9,68)
-
#010c57
#010c57
rgb(1,12,87)
-
#010e6b
#010e6b
rgb(1,14,107)
-
#01117e
#01117e
rgb(1,17,126)
-
#011392
#011392
rgb(1,19,146)
-
#0216a5
#0216a5
rgb(2,22,165)
-
#0218b8
#0218b8
rgb(2,24,184)
-
#021bcc
#021bcc
rgb(2,27,204)
-
#021edf
#021edf
rgb(2,30,223)
-
#0220f3
#0220f3
rgb(2,32,243)
-
#0c2afd
#0c2afd
rgb(12,42,253)
-
#203bfd
#203bfd
rgb(32,59,253)
-
#334cfd
#334cfd
rgb(51,76,253)
-
#465dfd
#465dfd
rgb(70,93,253)
-
#5a6efd
#5a6efd
rgb(90,110,253)
-
#6d7ffe
#6d7ffe
rgb(109,127,254)
-
#8190fe
#8190fe
rgb(129,144,254)
-
#94a1fe
#94a1fe
rgb(148,161,254)
-
#a8b2fe
#a8b2fe
rgb(168,178,254)
-
#bbc3fe
#bbc3fe
rgb(187,195,254)
-
#ced4ff
#ced4ff
rgb(206,212,255)
-
#e2e5ff
#e2e5ff
rgb(226,229,255)
-
#f5f6ff
#f5f6ff
rgb(245,246,255)
Tones of #334cfd
A tone is produced by adding gray to any pure hue. In this case, #92949e is the less saturated color, while #334cfd is the most saturated one.
-
#92949e
#92949e
rgb(146,148,158)
-
#8a8ea6
#8a8ea6
rgb(138,142,166)
-
#8288ae
#8288ae
rgb(130,136,174)
-
#7a82b6
#7a82b6
rgb(122,130,182)
-
#727cbe
#727cbe
rgb(114,124,190)
-
#6a76c6
#6a76c6
rgb(106,118,198)
-
#6370cd
#6370cd
rgb(99,112,205)
-
#5b6ad5
#5b6ad5
rgb(91,106,213)
-
#5364dd
#5364dd
rgb(83,100,221)
-
#4b5ee5
#4b5ee5
rgb(75,94,229)
-
#4358ed
#4358ed
rgb(67,88,237)
-
#3b52f5
#3b52f5
rgb(59,82,245)
-
#334cfd
#334cfd
rgb(51,76,253)
Color Blindness Simulator
Below, you can see how #334cfd 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.