#334ab0 Color Information
In a RGB color space, hex #334ab0 is composed of 20% red, 29% green and 69% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 58% magenta, 0% yellow and 31% black. It has a hue angle of 229 degrees, a saturation of 55.1% and a lightness of 44.5%. #334ab0 color hex could be obtained by blending #6694ff with #000061. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 69
-
- C 71
- M 58
- Y 0
- K 31
● #334ab0 color description : Dark blue.
#334ab0 Color Conversion
The hexadecimal color #334ab0 has RGB values of R:51, G:74, B:176 and CMYK values of C:0.71, M:0.58, Y:0, K:0.31. Its decimal value is 3361456.
Hex triplet | 334ab0 | #334ab0 |
---|---|---|
RGB Decimal | 51, 74, 176 | rgb(51,74,176) |
RGB Percent | 20, 29, 69 | rgb(20%,29%,69%) |
CMYK | 71, 58, 0, 31 | |
HSL | 229°, 55.1, 44.5 | hsl(229,55.1%,44.5%) |
HSV (or HSB) | 229°, 71, 69 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.469, 26.511, -57.014 |
---|---|
XYZ | 11.649, 8.735, 42.144 |
xyY | 0.186, 0.14, 8.735 |
CIE-LCH | 35.469, 62.876, 294.938 |
CIE-LUV | 35.469, -11.386, -81.246 |
Hunter-Lab | 29.555, 18.631, -63.855 |
Binary | 00110011, 01001010, 10110000 |
Color Schemes with #334ab0
Alternatives to #334ab0
Below, you can see some colors close to #334ab0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ab0 Preview
This text has a font color of #334ab0.
<span style="color:#334ab0;">Text here</span>
This paragraph has a background color of #334ab0.
<p style="background-color:#334ab0;">Content here</p>
This element has a border color of #334ab0.
<div style="border:1px solid #334ab0;">Content here</div>
.text {color:#334ab0;}
.background {background-color:#334ab0;}
.border {border:1px solid #334ab0;}
Shades and Tints of #334ab0
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, #030409 is the darkest color, while #f8f9fd is the lightest one.
-
#030409
#030409
rgb(3,4,9)
-
#070a18
#070a18
rgb(7,10,24)
-
#0b1027
#0b1027
rgb(11,16,39)
-
#101736
#101736
rgb(16,23,54)
-
#141d46
#141d46
rgb(20,29,70)
-
#192455
#192455
rgb(25,36,85)
-
#1d2a64
#1d2a64
rgb(29,42,100)
-
#213073
#213073
rgb(33,48,115)
-
#263782
#263782
rgb(38,55,130)
-
#2a3d92
#2a3d92
rgb(42,61,146)
-
#2f44a1
#2f44a1
rgb(47,68,161)
-
#334ab0
#334ab0
rgb(51,74,176)
-
#3750bf
#3750bf
rgb(55,80,191)
-
#425bc8
#425bc8
rgb(66,91,200)
-
#5168cd
#5168cd
rgb(81,104,205)
-
#6075d1
#6075d1
rgb(96,117,209)
-
#7082d5
#7082d5
rgb(112,130,213)
-
#7f90da
#7f90da
rgb(127,144,218)
-
#8e9dde
#8e9dde
rgb(142,157,222)
-
#9daae3
#9daae3
rgb(157,170,227)
-
#acb7e7
#acb7e7
rgb(172,183,231)
-
#bcc4eb
#bcc4eb
rgb(188,196,235)
-
#cbd2f0
#cbd2f0
rgb(203,210,240)
-
#dadff4
#dadff4
rgb(218,223,244)
-
#e9ecf9
#e9ecf9
rgb(233,236,249)
-
#f8f9fd
#f8f9fd
rgb(248,249,253)
Tones of #334ab0
A tone is produced by adding gray to any pure hue. In this case, #707173 is the less saturated color, while #072edc is the most saturated one.
-
#707173
#707173
rgb(112,113,115)
-
#676b7c
#676b7c
rgb(103,107,124)
-
#5f6684
#5f6684
rgb(95,102,132)
-
#56608d
#56608d
rgb(86,96,141)
-
#4d5b96
#4d5b96
rgb(77,91,150)
-
#44559f
#44559f
rgb(68,85,159)
-
#3c50a7
#3c50a7
rgb(60,80,167)
-
#334ab0
#334ab0
rgb(51,74,176)
-
#2a44b9
#2a44b9
rgb(42,68,185)
-
#223fc1
#223fc1
rgb(34,63,193)
-
#1939ca
#1939ca
rgb(25,57,202)
-
#1034d3
#1034d3
rgb(16,52,211)
-
#072edc
#072edc
rgb(7,46,220)
Color Blindness Simulator
Below, you can see how #334ab0 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.