colorhexa.com

#334fb2 hex color

In a RGB color space, hex #334fb2 is composed of 20% red, 31% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 55.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 226.8 degrees, a saturation of 55.5% and a lightness of 44.9%. #334fb2 color hex could be obtained by blending #669eff with #000065. Closest websafe color is: #336699.

- R 20
- G 31
- B 70
RGB color chart
- C 71
- M 56
- Y 0
- K 30
CMYK color chart

● #334fb2 color description : Dark blue.

The hexadecimal color #334fb2 has RGB values of R:51, G:79, B:178 and CMYK values of C:0.71, M:0.56, Y:0, K:0.3. Its decimal value is 3362738.

Hex triplet	334fb2	`#334fb2`
RGB Decimal	51, 79, 178	`rgb(51,79,178)`
RGB Percent	20, 31, 69.8	`rgb(20%,31%,69.8%)`
CMYK	71, 56, 0, 30
HSL	226.8°, 55.5, 44.9	`hsl(226.8,55.5%,44.9%)`
HSV (or HSB)	226.8°, 71.3, 69.8
Web Safe	336699	`#336699`

CIE-LAB	36.947, 23.967, -55.798
XYZ	12.195, 9.509, 43.31
xyY	0.188, 0.146, 9.509
CIE-LCH	36.947, 60.728, 293.245
CIE-LUV	36.947, -12.745, -80.593
Hunter-Lab	30.837, 16.628, -61.685
Binary	00110011, 01001111, 10110010

#334fb2
```
#334fb2 rgb(51,79,178)
```
#b29633
```
#b29633 rgb(178,150,51)
```

Complementary Color

#338fb2
```
#338fb2 rgb(51,143,178)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#5733b2
```
#5733b2 rgb(87,51,178)
```

Analogous Color

#8fb233
```
#8fb233 rgb(143,178,51)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#b25733
```
#b25733 rgb(178,87,51)
```

Split Complementary Color

#4fb233
```
#4fb233 rgb(79,178,51)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#b2334f
```
#b2334f rgb(178,51,79)
```

Triadic Color

#33b296
```
#33b296 rgb(51,178,150)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#b2334f
```
#b2334f rgb(178,51,79)
```
#b29633
```
#b29633 rgb(178,150,51)
```

Tetradic Color

#223577
```
#223577 rgb(34,53,119)
```
#283d8a
```
#283d8a rgb(40,61,138)
```
#2d469e
```
#2d469e rgb(45,70,158)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#3958c6
```
#3958c6 rgb(57,88,198)
```
#4c68cc
```
#4c68cc rgb(76,104,204)
```
#6079d1
```
#6079d1 rgb(96,121,209)
```

Monochromatic Color

Below, you can see some colors close to #334fb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#336fb2
```
#336fb2 rgb(51,111,178)
```
#3364b2
```
#3364b2 rgb(51,100,178)
```
#335ab2
```
#335ab2 rgb(51,90,178)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#3344b2
```
#3344b2 rgb(51,68,178)
```
#333ab2
```
#333ab2 rgb(51,58,178)
```
#3733b2
```
#3733b2 rgb(55,51,178)
```

Similar Colors

Text with hexadecimal color #334fb2

This text has a font color of #334fb2.

<span style="color:#334fb2;">Text here</span>

#334fb2 background color

This paragraph has a background color of #334fb2.

<p style="background-color:#334fb2;">Content here</p>

#334fb2 border color

This element has a border color of #334fb2.

<div style="border:1px solid #334fb2;">Content here</div>

CSS codes

.text {color:#334fb2;}

.background {background-color:#334fb2;}

.border {border:1px solid #334fb2;}

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, #03050a is the darkest color, while #fafbfe is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070b1a
```
#070b1a rgb(7,11,26)
```
#0c1229
```
#0c1229 rgb(12,18,41)
```
#101938
```
#101938 rgb(16,25,56)
```
#142047
```
#142047 rgb(20,32,71)
```
#192657
```
#192657 rgb(25,38,87)
```
#1d2d66
```
#1d2d66 rgb(29,45,102)
```
#223475
```
#223475 rgb(34,52,117)
```
#263b84
```
#263b84 rgb(38,59,132)
```
#2a4194
```
#2a4194 rgb(42,65,148)
```
#2f48a3
```
#2f48a3 rgb(47,72,163)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#3756c1
```
#3756c1 rgb(55,86,193)
```

Shade Color Variation

#4361c9
```
#4361c9 rgb(67,97,201)
```
#526dce
```
#526dce rgb(82,109,206)
```
#627ad2
```
#627ad2 rgb(98,122,210)
```
#7187d6
```
#7187d6 rgb(113,135,214)
```
#8094db
```
#8094db rgb(128,148,219)
```
#8fa1df
```
#8fa1df rgb(143,161,223)
```
#9faee3
```
#9faee3 rgb(159,174,227)
```
#aebbe8
```
#aebbe8 rgb(174,187,232)
```
#bdc7ec
```
#bdc7ec rgb(189,199,236)
```
#ccd4f0
```
#ccd4f0 rgb(204,212,240)
```
#dce1f5
```
#dce1f5 rgb(220,225,245)
```
#ebeef9
```
#ebeef9 rgb(235,238,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717174 is the less saturated color, while #0736de is the most saturated one.

#717174
```
#717174 rgb(113,113,116)
```
#686d7d
```
#686d7d rgb(104,109,125)
```
#5f6886
```
#5f6886 rgb(95,104,134)
```
#56638f
```
#56638f rgb(86,99,143)
```
#4d5e98
```
#4d5e98 rgb(77,94,152)
```
#4559a0
```
#4559a0 rgb(69,89,160)
```
#3c54a9
```
#3c54a9 rgb(60,84,169)
```
#334fb2
```
#334fb2 rgb(51,79,178)
```
#2a4abb
```
#2a4abb rgb(42,74,187)
```
#2145c4
```
#2145c4 rgb(33,69,196)
```
#1940cc
```
#1940cc rgb(25,64,204)
```
#103bd5
```
#103bd5 rgb(16,59,213)
```
#0736de
```
#0736de rgb(7,54,222)
```

Tone Color Variation

Below, you can see how #334fb2 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.

Monochromacy

#525252 Achromatopsia 0.005% of the population
#4c5165 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619f Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1257b4 Protanomaly 1% of men, 0.01% of women
#125aa6 Deuteranomaly 6% of men, 0.4% of women
#125f87 Tritanomaly 0.01% of the population