#3046af hex color

In a RGB color space, hex #3046af is composed of 18.8% red, 27.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 60% magenta, 0% yellow and 31.4% black. It has a hue angle of 229.6 degrees, a saturation of 57% and a lightness of 43.7%. #3046af color hex could be obtained by blending #608cff with #00005f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 27
- B 69
RGB color chart
- C 73
- M 60
- Y 0
- K 31
CMYK color chart

● #3046af color description : Dark blue.

The hexadecimal color #3046af has RGB values of R:48, G:70, B:175 and CMYK values of C:0.73, M:0.6, Y:0, K:0.31. Its decimal value is 3163823.

Hex triplet	3046af	`#3046af`
RGB Decimal	48, 70, 175	`rgb(48,70,175)`
RGB Percent	18.8, 27.5, 68.6	`rgb(18.8%,27.5%,68.6%)`
CMYK	73, 60, 0, 31
HSL	229.6°, 57, 43.7	`hsl(229.6,57%,43.7%)`
HSV (or HSB)	229.6°, 72.6, 68.6
Web Safe	333399	`#333399`

CIE-LAB	34.197, 28.365, -58.499
XYZ	11.145, 8.103, 41.532
xyY	0.183, 0.133, 8.103
CIE-LCH	34.197, 65.013, 295.868
CIE-LUV	34.197, -10.921, -82.193
Hunter-Lab	28.466, 20.073, -66.578
Binary	00110000, 01000110, 10101111

#3046af
```
#3046af rgb(48,70,175)
```
#af9930
```
#af9930 rgb(175,153,48)
```

Complementary Color

#3086af
```
#3086af rgb(48,134,175)
```
#3046af
```
#3046af rgb(48,70,175)
```
#5930af
```
#5930af rgb(89,48,175)
```

Analogous Color

#86af30
```
#86af30 rgb(134,175,48)
```
#3046af
```
#3046af rgb(48,70,175)
```
#af5a30
```
#af5a30 rgb(175,90,48)
```

Split Complementary Color

#46af30
```
#46af30 rgb(70,175,48)
```
#3046af
```
#3046af rgb(48,70,175)
```
#af3046
```
#af3046 rgb(175,48,70)
```

Triadic Color

#30af99
```
#30af99 rgb(48,175,153)
```
#3046af
```
#3046af rgb(48,70,175)
```
#af3046
```
#af3046 rgb(175,48,70)
```
#af9930
```
#af9930 rgb(175,153,48)
```

Tetradic Color

#202e73
```
#202e73 rgb(32,46,115)
```
#253687
```
#253687 rgb(37,54,135)
```
#2b3e9b
```
#2b3e9b rgb(43,62,155)
```
#3046af
```
#3046af rgb(48,70,175)
```
#354ec3
```
#354ec3 rgb(53,78,195)
```
#465dcc
```
#465dcc rgb(70,93,204)
```
#5a6fd2
```
#5a6fd2 rgb(90,111,210)
```

Monochromatic Color

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

#3066af
```
#3066af rgb(48,102,175)
```
#305baf
```
#305baf rgb(48,91,175)
```
#3051af
```
#3051af rgb(48,81,175)
```
#3046af
```
#3046af rgb(48,70,175)
```
#303baf
```
#303baf rgb(48,59,175)
```
#3031af
```
#3031af rgb(48,49,175)
```
#3a30af
```
#3a30af rgb(58,48,175)
```

Similar Colors

Text with hexadecimal color #3046af

This text has a font color of #3046af.

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

#3046af background color

This paragraph has a background color of #3046af.

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

#3046af border color

This element has a border color of #3046af.

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

CSS codes

.text {color:#3046af;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#060815
```
#060815 rgb(6,8,21)
```
#0a0f24
```
#0a0f24 rgb(10,15,36)
```
#0e1534
```
#0e1534 rgb(14,21,52)
```
#121b43
```
#121b43 rgb(18,27,67)
```
#172153
```
#172153 rgb(23,33,83)
```
#1b2762
```
#1b2762 rgb(27,39,98)
```
#1f2d71
```
#1f2d71 rgb(31,45,113)
```
#233481
```
#233481 rgb(35,52,129)
```
#283a90
```
#283a90 rgb(40,58,144)
```
#2c40a0
```
#2c40a0 rgb(44,64,160)
```
#3046af
```
#3046af rgb(48,70,175)
```
#344cbe
```
#344cbe rgb(52,76,190)
```

Shade Color Variation

#3d55ca
```
#3d55ca rgb(61,85,202)
```
#4c62ce
```
#4c62ce rgb(76,98,206)
```
#5b70d2
```
#5b70d2 rgb(91,112,210)
```
#6b7dd6
```
#6b7dd6 rgb(107,125,214)
```
#7a8bdb
```
#7a8bdb rgb(122,139,219)
```
#8a98df
```
#8a98df rgb(138,152,223)
```
#99a6e3
```
#99a6e3 rgb(153,166,227)
```
#a8b3e7
```
#a8b3e7 rgb(168,179,231)
```
#b8c1eb
```
#b8c1eb rgb(184,193,235)
```
#c7cef0
```
#c7cef0 rgb(199,206,240)
```
#d6dcf4
```
#d6dcf4 rgb(214,220,244)
```
#e6e9f8
```
#e6e9f8 rgb(230,233,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#6c6d73
```
#6c6d73 rgb(108,109,115)
```
#63687c
```
#63687c rgb(99,104,124)
```
#5b6284
```
#5b6284 rgb(91,98,132)
```
#525c8d
```
#525c8d rgb(82,92,141)
```
#4a5795
```
#4a5795 rgb(74,87,149)
```
#41519e
```
#41519e rgb(65,81,158)
```
#394ca6
```
#394ca6 rgb(57,76,166)
```
#3046af
```
#3046af rgb(48,70,175)
```
#2740b8
```
#2740b8 rgb(39,64,184)
```
#1f3bc0
```
#1f3bc0 rgb(31,59,192)
```
#1635c9
```
#1635c9 rgb(22,53,201)
```
#0e30d1
```
#0e30d1 rgb(14,48,209)
```
#052ada
```
#052ada rgb(5,42,218)
```

Tone Color Variation

Below, you can see how #3046af 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
#464a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005b94 Deuteranopia 1% of men
#006268 Tritanopia 0.001% of the population

Trichromacy

#1150ab Protanomaly 1% of men, 0.01% of women
#11539e Deuteranomaly 6% of men, 0.4% of women
#115882 Tritanomaly 0.01% of the population

#3046af hex color

#3046af Color Information

#3046af Color Conversion

Color Schemes with #3046af

Alternatives to #3046af

#3046af Preview

Shades and Tints of #3046af

Tones of #3046af

Color Blindness Simulator