#334ed0 Color Information
In a RGB color space, hex #334ed0 is composed of 20% red, 30.6% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 62.5% magenta, 0% yellow and 18.4% black. It has a hue angle of 229.7 degrees, a saturation of 62.5% and a lightness of 50.8%. #334ed0 color hex could be obtained by blending #669cff with #0000a1. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 82
-
- C 75
- M 63
- Y 0
- K 18
● #334ed0 color description : Strong blue.
#334ed0 Color Conversion
The hexadecimal color #334ed0 has RGB values of R:51, G:78, B:208 and CMYK values of C:0.75, M:0.63, Y:0, K:0.18. Its decimal value is 3362512.
Hex triplet | 334ed0 | #334ed0 |
---|---|---|
RGB Decimal | 51, 78, 208 | rgb(51,78,208) |
RGB Percent | 20, 30.6, 81.6 | rgb(20%,30.6%,81.6%) |
CMYK | 75, 63, 0, 18 | |
HSL | 229.7°, 62.5, 50.8 | hsl(229.7,62.5%,50.8%) |
HSV (or HSB) | 229.7°, 75.5, 81.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 39.08, 35.594, -69.838 |
---|---|
XYZ | 15.472, 10.706, 60.922 |
xyY | 0.178, 0.123, 10.706 |
CIE-LCH | 39.08, 78.386, 297.007 |
CIE-LUV | 39.08, -12.884, -101.516 |
Hunter-Lab | 32.719, 27.151, -87.492 |
Binary | 00110011, 01001110, 11010000 |
Color Schemes with #334ed0
Alternatives to #334ed0
Below, you can see some colors close to #334ed0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ed0 Preview
This text has a font color of #334ed0.
<span style="color:#334ed0;">Text here</span>
This paragraph has a background color of #334ed0.
<p style="background-color:#334ed0;">Content here</p>
This element has a border color of #334ed0.
<div style="border:1px solid #334ed0;">Content here</div>
.text {color:#334ed0;}
.background {background-color:#334ed0;}
.border {border:1px solid #334ed0;}
Shades and Tints of #334ed0
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, #010103 is the darkest color, while #f2f4fc is the lightest one.
-
#010103
#010103
rgb(1,1,3)
-
#040713
#040713
rgb(4,7,19)
-
#080d23
#080d23
rgb(8,13,35)
-
#0c1333
#0c1333
rgb(12,19,51)
-
#0f1843
#0f1843
rgb(15,24,67)
-
#131e53
#131e53
rgb(19,30,83)
-
#172463
#172463
rgb(23,36,99)
-
#1a2a73
#1a2a73
rgb(26,42,115)
-
#1e2f83
#1e2f83
rgb(30,47,131)
-
#223593
#223593
rgb(34,53,147)
-
#253ba3
#253ba3
rgb(37,59,163)
-
#2941b3
#2941b3
rgb(41,65,179)
-
#2d47c3
#2d47c3
rgb(45,71,195)
-
#334ed0
#334ed0
rgb(51,78,208)
-
#435cd4
#435cd4
rgb(67,92,212)
-
#536ad7
#536ad7
rgb(83,106,215)
-
#6377db
#6377db
rgb(99,119,219)
-
#7385df
#7385df
rgb(115,133,223)
-
#8393e2
#8393e2
rgb(131,147,226)
-
#93a1e6
#93a1e6
rgb(147,161,230)
-
#a3afea
#a3afea
rgb(163,175,234)
-
#b3bded
#b3bded
rgb(179,189,237)
-
#c2caf1
#c2caf1
rgb(194,202,241)
-
#d2d8f5
#d2d8f5
rgb(210,216,245)
-
#e2e6f8
#e2e6f8
rgb(226,230,248)
-
#f2f4fc
#f2f4fc
rgb(242,244,252)
Tones of #334ed0
A tone is produced by adding gray to any pure hue. In this case, #808183 is the less saturated color, while #0c35f7 is the most saturated one.
-
#808183
#808183
rgb(128,129,131)
-
#777a8c
#777a8c
rgb(119,122,140)
-
#6d7496
#6d7496
rgb(109,116,150)
-
#636ea0
#636ea0
rgb(99,110,160)
-
#5a67a9
#5a67a9
rgb(90,103,169)
-
#5061b3
#5061b3
rgb(80,97,179)
-
#465bbd
#465bbd
rgb(70,91,189)
-
#3d54c6
#3d54c6
rgb(61,84,198)
-
#334ed0
#334ed0
rgb(51,78,208)
-
#2948da
#2948da
rgb(41,72,218)
-
#2041e3
#2041e3
rgb(32,65,227)
-
#163bed
#163bed
rgb(22,59,237)
-
#0c35f7
#0c35f7
rgb(12,53,247)
Color Blindness Simulator
Below, you can see how #334ed0 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.