#3046aa hex color

In a RGB color space, hex #3046aa is composed of 18.8% red, 27.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 58.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 229.2 degrees, a saturation of 56% and a lightness of 42.7%. #3046aa color hex could be obtained by blending #608cff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 67
RGB color chart
- C 72
- M 59
- Y 0
- K 33
CMYK color chart

● #3046aa color description : Dark blue.

The hexadecimal color #3046aa has RGB values of R:48, G:70, B:170 and CMYK values of C:0.72, M:0.59, Y:0, K:0.33. Its decimal value is 3163818.

Hex triplet	3046aa	`#3046aa`
RGB Decimal	48, 70, 170	`rgb(48,70,170)`
RGB Percent	18.8, 27.5, 66.7	`rgb(18.8%,27.5%,66.7%)`
CMYK	72, 59, 0, 33
HSL	229.2°, 56, 42.7	`hsl(229.2,56%,42.7%)`
HSV (or HSB)	229.2°, 71.8, 66.7
Web Safe	333399	`#333399`

CIE-LAB	33.795, 26.515, -56.173
XYZ	10.663, 7.91, 38.993
xyY	0.185, 0.137, 7.91
CIE-LCH	33.795, 62.117, 295.268
CIE-LUV	33.795, -10.835, -78.766
Hunter-Lab	28.125, 18.456, -62.512
Binary	00110000, 01000110, 10101010

#3046aa
```
#3046aa rgb(48,70,170)
```
#aa9430
```
#aa9430 rgb(170,148,48)
```

Complementary Color

#3083aa
```
#3083aa rgb(48,131,170)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#5730aa
```
#5730aa rgb(87,48,170)
```

Analogous Color

#83aa30
```
#83aa30 rgb(131,170,48)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#aa5730
```
#aa5730 rgb(170,87,48)
```

Split Complementary Color

#46aa30
```
#46aa30 rgb(70,170,48)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#aa3046
```
#aa3046 rgb(170,48,70)
```

Triadic Color

#30aa94
```
#30aa94 rgb(48,170,148)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#aa3046
```
#aa3046 rgb(170,48,70)
```
#aa9430
```
#aa9430 rgb(170,148,48)
```

Tetradic Color

#1f2d6e
```
#1f2d6e rgb(31,45,110)
```
#253682
```
#253682 rgb(37,54,130)
```
#2a3e96
```
#2a3e96 rgb(42,62,150)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#364ebe
```
#364ebe rgb(54,78,190)
```
#435bca
```
#435bca rgb(67,91,202)
```
#576dd0
```
#576dd0 rgb(87,109,208)
```

Monochromatic Color

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

#3065aa
```
#3065aa rgb(48,101,170)
```
#305aaa
```
#305aaa rgb(48,90,170)
```
#3050aa
```
#3050aa rgb(48,80,170)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#303caa
```
#303caa rgb(48,60,170)
```
#3032aa
```
#3032aa rgb(48,50,170)
```
#3930aa
```
#3930aa rgb(57,48,170)
```

Similar Colors

Text with hexadecimal color #3046aa

This text has a font color of #3046aa.

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

#3046aa background color

This paragraph has a background color of #3046aa.

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

#3046aa border color

This element has a border color of #3046aa.

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

CSS codes

.text {color:#3046aa;}

.background {background-color:#3046aa;}

.border {border:1px solid #3046aa;}

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

#000102
```
#000102 rgb(0,1,2)
```
#050711
```
#050711 rgb(5,7,17)
```
#090d20
```
#090d20 rgb(9,13,32)
```
#0d1430
```
#0d1430 rgb(13,20,48)
```
#121a3f
```
#121a3f rgb(18,26,63)
```
#16204e
```
#16204e rgb(22,32,78)
```
#1a275e
```
#1a275e rgb(26,39,94)
```
#1f2d6d
```
#1f2d6d rgb(31,45,109)
```
#23337c
```
#23337c rgb(35,51,124)
```
#27398b
```
#27398b rgb(39,57,139)
```
#2c409b
```
#2c409b rgb(44,64,155)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#344cb9
```
#344cb9 rgb(52,76,185)
```

Shade Color Variation

#3a53c7
```
#3a53c7 rgb(58,83,199)
```
#4961cc
```
#4961cc rgb(73,97,204)
```
#586ed0
```
#586ed0 rgb(88,110,208)
```
#687bd4
```
#687bd4 rgb(104,123,212)
```
#7789d9
```
#7789d9 rgb(119,137,217)
```
#8696dd
```
#8696dd rgb(134,150,221)
```
#96a3e1
```
#96a3e1 rgb(150,163,225)
```
#a5b1e6
```
#a5b1e6 rgb(165,177,230)
```
#b4beea
```
#b4beea rgb(180,190,234)
```
#c4cbee
```
#c4cbee rgb(196,203,238)
```
#d3d9f3
```
#d3d9f3 rgb(211,217,243)
```
#e2e6f7
```
#e2e6f7 rgb(226,230,247)
```
#f1f3fb
```
#f1f3fb rgb(241,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6f is the less saturated color, while #062bd4 is the most saturated one.

#6b6c6f
```
#6b6c6f rgb(107,108,111)
```
#626678
```
#626678 rgb(98,102,120)
```
#5a6180
```
#5a6180 rgb(90,97,128)
```
#525b88
```
#525b88 rgb(82,91,136)
```
#495691
```
#495691 rgb(73,86,145)
```
#415199
```
#415199 rgb(65,81,153)
```
#384ba2
```
#384ba2 rgb(56,75,162)
```
#3046aa
```
#3046aa rgb(48,70,170)
```
#2841b2
```
#2841b2 rgb(40,65,178)
```
#1f3bbb
```
#1f3bbb rgb(31,59,187)
```
#1736c3
```
#1736c3 rgb(23,54,195)
```
#0e31cc
```
#0e31cc rgb(14,49,204)
```
#062bd4
```
#062bd4 rgb(6,43,212)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a8 Protanopia 1% of men
#005a93 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#1150a8 Protanomaly 1% of men, 0.01% of women
#11539b Deuteranomaly 6% of men, 0.4% of women
#11577f Tritanomaly 0.01% of the population

#3046aa hex color

#3046aa Color Information

#3046aa Color Conversion

Color Schemes with #3046aa

Alternatives to #3046aa

#3046aa Preview

Shades and Tints of #3046aa

Tones of #3046aa

Color Blindness Simulator