#3a4dbc hex color

In a RGB color space, hex #3a4dbc is composed of 22.7% red, 30.2% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 59% magenta, 0% yellow and 26.3% black. It has a hue angle of 231.2 degrees, a saturation of 52.8% and a lightness of 48.2%. #3a4dbc color hex could be obtained by blending #749aff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 30
- B 74
RGB color chart
- C 69
- M 59
- Y 0
- K 26
CMYK color chart

● #3a4dbc color description : Moderate blue.

The hexadecimal color #3a4dbc has RGB values of R:58, G:77, B:188 and CMYK values of C:0.69, M:0.59, Y:0, K:0.26. Its decimal value is 3820988.

Hex triplet	3a4dbc	`#3a4dbc`
RGB Decimal	58, 77, 188	`rgb(58,77,188)`
RGB Percent	22.7, 30.2, 73.7	`rgb(22.7%,30.2%,73.7%)`
CMYK	69, 59, 0, 26
HSL	231.2°, 52.8, 48.2	`hsl(231.2,52.8%,48.2%)`
HSV (or HSB)	231.2°, 69.1, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.549, 29.895, -60.691
XYZ	13.474, 9.837, 48.763
xyY	0.187, 0.136, 9.837
CIE-LCH	37.549, 67.655, 296.224
CIE-LUV	37.549, -10.967, -87.986
Hunter-Lab	31.365, 21.795, -70.224
Binary	00111010, 01001101, 10111100

#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#bca93a
```
#bca93a rgb(188,169,58)
```

Complementary Color

#3a8ebc
```
#3a8ebc rgb(58,142,188)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#683abc
```
#683abc rgb(104,58,188)
```

Analogous Color

#8ebc3a
```
#8ebc3a rgb(142,188,58)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#bc683a
```
#bc683a rgb(188,104,58)
```

Split Complementary Color

#4dbc3a
```
#4dbc3a rgb(77,188,58)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#bc3a4d
```
#bc3a4d rgb(188,58,77)
```

Triadic Color

#3abca9
```
#3abca9 rgb(58,188,169)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#bc3a4d
```
#bc3a4d rgb(188,58,77)
```
#bca93a
```
#bca93a rgb(188,169,58)
```

Tetradic Color

#283582
```
#283582 rgb(40,53,130)
```
#2e3d95
```
#2e3d95 rgb(46,61,149)
```
#3445a9
```
#3445a9 rgb(52,69,169)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#495bc7
```
#495bc7 rgb(73,91,199)
```
#5c6dcd
```
#5c6dcd rgb(92,109,205)
```
#707ed3
```
#707ed3 rgb(112,126,211)
```

Monochromatic Color

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

#3a6ebc
```
#3a6ebc rgb(58,110,188)
```
#3a63bc
```
#3a63bc rgb(58,99,188)
```
#3a58bc
```
#3a58bc rgb(58,88,188)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#3a42bc
```
#3a42bc rgb(58,66,188)
```
#3d3abc
```
#3d3abc rgb(61,58,188)
```
#473abc
```
#473abc rgb(71,58,188)
```

Similar Colors

Text with hexadecimal color #3a4dbc

This text has a font color of #3a4dbc.

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

#3a4dbc background color

This paragraph has a background color of #3a4dbc.

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

#3a4dbc border color

This element has a border color of #3a4dbc.

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

CSS codes

.text {color:#3a4dbc;}

.background {background-color:#3a4dbc;}

.border {border:1px solid #3a4dbc;}

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

#030308
```
#030308 rgb(3,3,8)
```
#070917
```
#070917 rgb(7,9,23)
```
#0c1026
```
#0c1026 rgb(12,16,38)
```
#101635
```
#101635 rgb(16,22,53)
```
#151c44
```
#151c44 rgb(21,28,68)
```
#1a2253
```
#1a2253 rgb(26,34,83)
```
#1e2862
```
#1e2862 rgb(30,40,98)
```
#232e71
```
#232e71 rgb(35,46,113)
```
#283480
```
#283480 rgb(40,52,128)
```
#2c3b8f
```
#2c3b8f rgb(44,59,143)
```
#31419e
```
#31419e rgb(49,65,158)
```
#3547ad
```
#3547ad rgb(53,71,173)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```

Shade Color Variation

#4457c5
```
#4457c5 rgb(68,87,197)
```
#5365ca
```
#5365ca rgb(83,101,202)
```
#6272cf
```
#6272cf rgb(98,114,207)
```
#7180d3
```
#7180d3 rgb(113,128,211)
```
#808dd8
```
#808dd8 rgb(128,141,216)
```
#8f9add
```
#8f9add rgb(143,154,221)
```
#9ea8e1
```
#9ea8e1 rgb(158,168,225)
```
#adb5e6
```
#adb5e6 rgb(173,181,230)
```
#bcc3ea
```
#bcc3ea rgb(188,195,234)
```
#cbd0ef
```
#cbd0ef rgb(203,208,239)
```
#dadef4
```
#dadef4 rgb(218,222,244)
```
#e9ebf8
```
#e9ebf8 rgb(233,235,248)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#737583
```
#737583 rgb(115,117,131)
```
#696e8d
```
#696e8d rgb(105,110,141)
```
#606896
```
#606896 rgb(96,104,150)
```
#5661a0
```
#5661a0 rgb(86,97,160)
```
#4d5aa9
```
#4d5aa9 rgb(77,90,169)
```
#4354b3
```
#4354b3 rgb(67,84,179)
```
#3a4dbc
```
#3a4dbc rgb(58,77,188)
```
#3146c5
```
#3146c5 rgb(49,70,197)
```
#2740cf
```
#2740cf rgb(39,64,207)
```
#1e39d8
```
#1e39d8 rgb(30,57,216)
```
#1432e2
```
#1432e2 rgb(20,50,226)
```
#0b2ceb
```
#0b2ceb rgb(11,44,235)
```
#0125f5
```
#0125f5 rgb(1,37,245)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f5369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0063a1 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1557b9 Protanomaly 1% of men, 0.01% of women
#155baa Deuteranomaly 6% of men, 0.4% of women
#155f8c Tritanomaly 0.01% of the population

#3a4dbc hex color

#3a4dbc Color Information

#3a4dbc Color Conversion

Color Schemes with #3a4dbc

Alternatives to #3a4dbc

#3a4dbc Preview

Shades and Tints of #3a4dbc

Tones of #3a4dbc

Color Blindness Simulator