#336485 hex color

In a RGB color space, hex #336485 is composed of 20% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 24.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 204.1 degrees, a saturation of 44.6% and a lightness of 36.1%. #336485 color hex could be obtained by blending #66c8ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 39
- B 52
RGB color chart
- C 62
- M 25
- Y 0
- K 48
CMYK color chart

● #336485 color description : Dark moderate blue.

The hexadecimal color #336485 has RGB values of R:51, G:100, B:133 and CMYK values of C:0.62, M:0.25, Y:0, K:0.48. Its decimal value is 3368069.

Hex triplet	336485	`#336485`
RGB Decimal	51, 100, 133	`rgb(51,100,133)`
RGB Percent	20, 39.2, 52.2	`rgb(20%,39.2%,52.2%)`
CMYK	62, 25, 0, 48
HSL	204.1°, 44.6, 36.1	`hsl(204.1,44.6%,36.1%)`
HSV (or HSB)	204.1°, 61.7, 52.2
Web Safe	336699	`#336699`

CIE-LAB	40.428, -5.968, -23.314
XYZ	10.155, 11.511, 23.876
xyY	0.223, 0.253, 11.511
CIE-LCH	40.428, 24.066, 255.642
CIE-LUV	40.428, -20.076, -32.156
Hunter-Lab	33.928, -5.946, -17.974
Binary	00110011, 01100100, 10000101

#336485
```
#336485 rgb(51,100,133)
```
#855433
```
#855433 rgb(133,84,51)
```

Complementary Color

#33857d
```
#33857d rgb(51,133,125)
```
#336485
```
#336485 rgb(51,100,133)
```
#333b85
```
#333b85 rgb(51,59,133)
```

Analogous Color

#857d33
```
#857d33 rgb(133,125,51)
```
#336485
```
#336485 rgb(51,100,133)
```
#85333b
```
#85333b rgb(133,51,59)
```

Split Complementary Color

#648533
```
#648533 rgb(100,133,51)
```
#336485
```
#336485 rgb(51,100,133)
```
#853364
```
#853364 rgb(133,51,100)
```

Triadic Color

#338554
```
#338554 rgb(51,133,84)
```
#336485
```
#336485 rgb(51,100,133)
```
#853364
```
#853364 rgb(133,51,100)
```
#855433
```
#855433 rgb(133,84,51)
```

Tetradic Color

#1e3a4e
```
#1e3a4e rgb(30,58,78)
```
#254860
```
#254860 rgb(37,72,96)
```
#2c5673
```
#2c5673 rgb(44,86,115)
```
#336485
```
#336485 rgb(51,100,133)
```
#3a7297
```
#3a7297 rgb(58,114,151)
```
#4180aa
```
#4180aa rgb(65,128,170)
```
#4b8dba
```
#4b8dba rgb(75,141,186)
```

Monochromatic Color

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

#337985
```
#337985 rgb(51,121,133)
```
#337285
```
#337285 rgb(51,114,133)
```
#336b85
```
#336b85 rgb(51,107,133)
```
#336485
```
#336485 rgb(51,100,133)
```
#335d85
```
#335d85 rgb(51,93,133)
```
#335685
```
#335685 rgb(51,86,133)
```
#335085
```
#335085 rgb(51,80,133)
```

Similar Colors

Text with hexadecimal color #336485

This text has a font color of #336485.

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

#336485 background color

This paragraph has a background color of #336485.

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

#336485 border color

This element has a border color of #336485.

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

CSS codes

.text {color:#336485;}

.background {background-color:#336485;}

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

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

#020405
```
#020405 rgb(2,4,5)
```
#080f14
```
#080f14 rgb(8,15,20)
```
#0d1922
```
#0d1922 rgb(13,25,34)
```
#122430
```
#122430 rgb(18,36,48)
```
#182f3e
```
#182f3e rgb(24,47,62)
```
#1d394c
```
#1d394c rgb(29,57,76)
```
#23445a
```
#23445a rgb(35,68,90)
```
#284f69
```
#284f69 rgb(40,79,105)
```
#2e5977
```
#2e5977 rgb(46,89,119)
```
#336485
```
#336485 rgb(51,100,133)
```
#386f93
```
#386f93 rgb(56,111,147)
```
#3e79a1
```
#3e79a1 rgb(62,121,161)
```
#4384b0
```
#4384b0 rgb(67,132,176)
```

Shade Color Variation

#4c8eba
```
#4c8eba rgb(76,142,186)
```
#5a97c0
```
#5a97c0 rgb(90,151,192)
```
#68a0c5
```
#68a0c5 rgb(104,160,197)
```
#77a9cb
```
#77a9cb rgb(119,169,203)
```
#85b2d0
```
#85b2d0 rgb(133,178,208)
```
#93bbd6
```
#93bbd6 rgb(147,187,214)
```
#a1c4db
```
#a1c4db rgb(161,196,219)
```
#afcde0
```
#afcde0 rgb(175,205,224)
```
#bed6e6
```
#bed6e6 rgb(190,214,230)
```
#ccdfeb
```
#ccdfeb rgb(204,223,235)
```
#dae8f1
```
#dae8f1 rgb(218,232,241)
```
#e8f0f6
```
#e8f0f6 rgb(232,240,246)
```
#f6f9fc
```
#f6f9fc rgb(246,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565d62 is the less saturated color, while #016eb7 is the most saturated one.

#565d62
```
#565d62 rgb(86,93,98)
```
#4f5e69
```
#4f5e69 rgb(79,94,105)
```
#486070
```
#486070 rgb(72,96,112)
```
#416177
```
#416177 rgb(65,97,119)
```
#3a637e
```
#3a637e rgb(58,99,126)
```
#336485
```
#336485 rgb(51,100,133)
```
#2c658c
```
#2c658c rgb(44,101,140)
```
#256793
```
#256793 rgb(37,103,147)
```
#1e689a
```
#1e689a rgb(30,104,154)
```
#176aa1
```
#176aa1 rgb(23,106,161)
```
#106ba8
```
#106ba8 rgb(16,107,168)
```
#096caf
```
#096caf rgb(9,108,175)
```
#016eb7
```
#016eb7 rgb(1,110,183)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#515b62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6687 Protanopia 1% of men
#59668d Deuteranopia 1% of men
#326f77 Tritanopia 0.001% of the population

Trichromacy

#4e6586 Protanomaly 1% of men, 0.01% of women
#4b658a Deuteranomaly 6% of men, 0.4% of women
#326b7c Tritanomaly 0.01% of the population

#336485 hex color

#336485 Color Information

#336485 Color Conversion

Color Schemes with #336485

Alternatives to #336485

#336485 Preview

Shades and Tints of #336485

Tones of #336485

Color Blindness Simulator