colorhexa.com

#334275 hex color

In a RGB color space, hex #334275 is composed of 20% red, 25.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 43.6% magenta, 0% yellow and 54.1% black. It has a hue angle of 226.4 degrees, a saturation of 39.3% and a lightness of 32.9%. #334275 color hex could be obtained by blending #6684ea with #000000. Closest websafe color is: #333366.

- R 20
- G 26
- B 46
RGB color chart
- C 56
- M 44
- Y 0
- K 54
CMYK color chart

● #334275 color description : Dark moderate blue.

The hexadecimal color #334275 has RGB values of R:51, G:66, B:117 and CMYK values of C:0.56, M:0.44, Y:0, K:0.54. Its decimal value is 3359349.

Hex triplet	334275	`#334275`
RGB Decimal	51, 66, 117	`rgb(51,66,117)`
RGB Percent	20, 25.9, 45.9	`rgb(20%,25.9%,45.9%)`
CMYK	56, 44, 0, 54
HSL	226.4°, 39.3, 32.9	`hsl(226.4,39.3%,32.9%)`
HSV (or HSB)	226.4°, 56.4, 45.9
Web Safe	333366	`#333366`

CIE-LAB	29.119, 10.24, -31.199
XYZ	6.524, 5.884, 17.621
xyY	0.217, 0.196, 5.884
CIE-LCH	29.119, 32.836, 288.171
CIE-LUV	29.119, -7.99, -41.511
Hunter-Lab	24.258, 5.554, -26.088
Binary	00110011, 01000010, 01110101

#334275
```
#334275 rgb(51,66,117)
```
#756633
```
#756633 rgb(117,102,51)
```

Complementary Color

#336375
```
#336375 rgb(51,99,117)
```
#334275
```
#334275 rgb(51,66,117)
```
#453375
```
#453375 rgb(69,51,117)
```

Analogous Color

#637533
```
#637533 rgb(99,117,51)
```
#334275
```
#334275 rgb(51,66,117)
```
#754533
```
#754533 rgb(117,69,51)
```

Split Complementary Color

#427533
```
#427533 rgb(66,117,51)
```
#334275
```
#334275 rgb(51,66,117)
```
#753342
```
#753342 rgb(117,51,66)
```

Triadic Color

#337566
```
#337566 rgb(51,117,102)
```
#334275
```
#334275 rgb(51,66,117)
```
#753342
```
#753342 rgb(117,51,66)
```
#756633
```
#756633 rgb(117,102,51)
```

Tetradic Color

#1c2440
```
#1c2440 rgb(28,36,64)
```
#242e51
```
#242e51 rgb(36,46,81)
```
#2b3863
```
#2b3863 rgb(43,56,99)
```
#334275
```
#334275 rgb(51,66,117)
```
#3b4c87
```
#3b4c87 rgb(59,76,135)
```
#425699
```
#425699 rgb(66,86,153)
```
#4a60aa
```
#4a60aa rgb(74,96,170)
```

Monochromatic Color

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

#335375
```
#335375 rgb(51,83,117)
```
#334d75
```
#334d75 rgb(51,77,117)
```
#334875
```
#334875 rgb(51,72,117)
```
#334275
```
#334275 rgb(51,66,117)
```
#333d75
```
#333d75 rgb(51,61,117)
```
#333775
```
#333775 rgb(51,55,117)
```
#353375
```
#353375 rgb(53,51,117)
```

Similar Colors

Text with hexadecimal color #334275

This text has a font color of #334275.

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

#334275 background color

This paragraph has a background color of #334275.

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

#334275 border color

This element has a border color of #334275.

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

CSS codes

.text {color:#334275;}

.background {background-color:#334275;}

.border {border:1px solid #334275;}

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, #030408 is the darkest color, while #f9fafc is the lightest one.

#030408
```
#030408 rgb(3,4,8)
```
#090c15
```
#090c15 rgb(9,12,21)
```
#0f1423
```
#0f1423 rgb(15,20,35)
```
#151b31
```
#151b31 rgb(21,27,49)
```
#1b233e
```
#1b233e rgb(27,35,62)
```
#212b4c
```
#212b4c rgb(33,43,76)
```
#27335a
```
#27335a rgb(39,51,90)
```
#2d3a67
```
#2d3a67 rgb(45,58,103)
```
#334275
```
#334275 rgb(51,66,117)
```
#394a83
```
#394a83 rgb(57,74,131)
```
#3f5190
```
#3f5190 rgb(63,81,144)
```
#45599e
```
#45599e rgb(69,89,158)
```
#4b61ac
```
#4b61ac rgb(75,97,172)
```

Shade Color Variation

#556bb5
```
#556bb5 rgb(85,107,181)
```
#6377bb
```
#6377bb rgb(99,119,187)
```
#7083c1
```
#7083c1 rgb(112,131,193)
```
#7e8fc7
```
#7e8fc7 rgb(126,143,199)
```
#8c9bcd
```
#8c9bcd rgb(140,155,205)
```
#99a6d3
```
#99a6d3 rgb(153,166,211)
```
#a7b2d9
```
#a7b2d9 rgb(167,178,217)
```
#b5bedf
```
#b5bedf rgb(181,190,223)
```
#c2cae5
```
#c2cae5 rgb(194,202,229)
```
#d0d6eb
```
#d0d6eb rgb(208,214,235)
```
#dee2f0
```
#dee2f0 rgb(222,226,240)
```
#ebeef6
```
#ebeef6 rgb(235,238,246)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#535455
```
#535455 rgb(83,84,85)
```
#4d505b
```
#4d505b rgb(77,80,91)
```
#464d62
```
#464d62 rgb(70,77,98)
```
#404968
```
#404968 rgb(64,73,104)
```
#39466f
```
#39466f rgb(57,70,111)
```
#334275
```
#334275 rgb(51,66,117)
```
#2d3e7b
```
#2d3e7b rgb(45,62,123)
```
#263b82
```
#263b82 rgb(38,59,130)
```
#203788
```
#203788 rgb(32,55,136)
```
#19348f
```
#19348f rgb(25,52,143)
```
#133095
```
#133095 rgb(19,48,149)
```
#0c2d9c
```
#0c2d9c rgb(12,45,156)
```
#0629a2
```
#0629a2 rgb(6,41,162)
```

Tone Color Variation

Below, you can see how #334275 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

#434343 Achromatopsia 0.005% of the population
#40434d Atypical Achromatopsia 0.001% of the population

Dichromacy

#384c7c Protanopia 1% of men
#2e4e7b Deuteranopia 1% of men
#2d5359 Tritanopia 0.001% of the population

Trichromacy

#36487a Protanomaly 1% of men, 0.01% of women
#304a78 Deuteranomaly 6% of men, 0.4% of women
#2f4d63 Tritanomaly 0.01% of the population