#334bf2 Color Information
In a RGB color space, hex #334bf2 is composed of 20% red, 29.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 69% magenta, 0% yellow and 5.1% black. It has a hue angle of 232.5 degrees, a saturation of 88% and a lightness of 57.5%. #334bf2 color hex could be obtained by blending #6696ff with #0000e5. Closest websafe color is: #3333ff.
-
- R 20
- G 29
- B 95
-
- C 79
- M 69
- Y 0
- K 5
● #334bf2 color description : Bright blue.
#334bf2 Color Conversion
The hexadecimal color #334bf2 has RGB values of R:51, G:75, B:242 and CMYK values of C:0.79, M:0.69, Y:0, K:0.05. Its decimal value is 3361778.
Hex triplet | 334bf2 | #334bf2 |
---|---|---|
RGB Decimal | 51, 75, 242 | rgb(51,75,242) |
RGB Percent | 20, 29.4, 94.9 | rgb(20%,29.4%,94.9%) |
CMYK | 79, 69, 0, 5 | |
HSL | 232.5°, 88, 57.5 | hsl(232.5,88%,57.5%) |
HSV (or HSB) | 232.5°, 78.9, 94.9 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.446, 49.311, -85.322 |
---|---|
XYZ | 19.905, 12.145, 85.295 |
xyY | 0.17, 0.104, 12.145 |
CIE-LCH | 41.446, 98.546, 300.025 |
CIE-LUV | 41.446, -12.923, -123.739 |
Hunter-Lab | 34.85, 40.964, -120.715 |
Binary | 00110011, 01001011, 11110010 |
Color Schemes with #334bf2
Alternatives to #334bf2
Below, you can see some colors close to #334bf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334bf2 Preview
This text has a font color of #334bf2.
<span style="color:#334bf2;">Text here</span>
This paragraph has a background color of #334bf2.
<p style="background-color:#334bf2;">Content here</p>
This element has a border color of #334bf2.
<div style="border:1px solid #334bf2;">Content here</div>
.text {color:#334bf2;}
.background {background-color:#334bf2;}
.border {border:1px solid #334bf2;}
Shades and Tints of #334bf2
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, #010311 is the darkest color, while #fefeff is the lightest one.
-
#010311
#010311
rgb(1,3,17)
-
#020624
#020624
rgb(2,6,36)
-
#030a36
#030a36
rgb(3,10,54)
-
#050d49
#050d49
rgb(5,13,73)
-
#06115b
#06115b
rgb(6,17,91)
-
#07146d
#07146d
rgb(7,20,109)
-
#081780
#081780
rgb(8,23,128)
-
#091b92
#091b92
rgb(9,27,146)
-
#0b1ea5
#0b1ea5
rgb(11,30,165)
-
#0c21b7
#0c21b7
rgb(12,33,183)
-
#0d25ca
#0d25ca
rgb(13,37,202)
-
#0e28dc
#0e28dc
rgb(14,40,220)
-
#0f2bef
#0f2bef
rgb(15,43,239)
-
#213bf1
#213bf1
rgb(33,59,241)
-
#334bf2
#334bf2
rgb(51,75,242)
-
#455bf3
#455bf3
rgb(69,91,243)
-
#586cf4
#586cf4
rgb(88,108,244)
-
#6a7cf6
#6a7cf6
rgb(106,124,246)
-
#7d8cf7
#7d8cf7
rgb(125,140,247)
-
#8f9cf8
#8f9cf8
rgb(143,156,248)
-
#a2adf9
#a2adf9
rgb(162,173,249)
-
#b4bdfa
#b4bdfa
rgb(180,189,250)
-
#c7cdfb
#c7cdfb
rgb(199,205,251)
-
#d9ddfd
#d9ddfd
rgb(217,221,253)
-
#ebeefe
#ebeefe
rgb(235,238,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #334bf2
A tone is produced by adding gray to any pure hue. In this case, #8f9096 is the less saturated color, while #2b45fa is the most saturated one.
-
#8f9096
#8f9096
rgb(143,144,150)
-
#86899f
#86899f
rgb(134,137,159)
-
#7e83a7
#7e83a7
rgb(126,131,167)
-
#767daf
#767daf
rgb(118,125,175)
-
#6d77b8
#6d77b8
rgb(109,119,184)
-
#6570c0
#6570c0
rgb(101,112,192)
-
#5d6ac8
#5d6ac8
rgb(93,106,200)
-
#5464d1
#5464d1
rgb(84,100,209)
-
#4c5ed9
#4c5ed9
rgb(76,94,217)
-
#4457e1
#4457e1
rgb(68,87,225)
-
#3b51ea
#3b51ea
rgb(59,81,234)
-
#334bf2
#334bf2
rgb(51,75,242)
-
#2b45fa
#2b45fa
rgb(43,69,250)
Color Blindness Simulator
Below, you can see how #334bf2 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.