#3a4fbf hex color

In a RGB color space, hex #3a4fbf is composed of 22.7% red, 31% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 58.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 230.5 degrees, a saturation of 53.4% and a lightness of 48.8%. #3a4fbf color hex could be obtained by blending #749eff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 31
- B 75
RGB color chart
- C 70
- M 59
- Y 0
- K 25
CMYK color chart

● #3a4fbf color description : Moderate blue.

The hexadecimal color #3a4fbf has RGB values of R:58, G:79, B:191 and CMYK values of C:0.7, M:0.59, Y:0, K:0.25. Its decimal value is 3821503.

Hex triplet	3a4fbf	`#3a4fbf`
RGB Decimal	58, 79, 191	`rgb(58,79,191)`
RGB Percent	22.7, 31, 74.9	`rgb(22.7%,31%,74.9%)`
CMYK	70, 59, 0, 25
HSL	230.5°, 53.4, 48.8	`hsl(230.5,53.4%,48.8%)`
HSV (or HSB)	230.5°, 69.6, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.291, 29.684, -61.239
XYZ	13.943, 10.252, 50.531
xyY	0.187, 0.137, 10.252
CIE-LCH	38.291, 68.054, 295.861
CIE-LUV	38.291, -11.54, -89.293
Hunter-Lab	32.019, 21.695, -71.156
Binary	00111010, 01001111, 10111111

#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#bfaa3a
```
#bfaa3a rgb(191,170,58)
```

Complementary Color

#3a92bf
```
#3a92bf rgb(58,146,191)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#683abf
```
#683abf rgb(104,58,191)
```

Analogous Color

#92bf3a
```
#92bf3a rgb(146,191,58)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#bf683a
```
#bf683a rgb(191,104,58)
```

Split Complementary Color

#4fbf3a
```
#4fbf3a rgb(79,191,58)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#bf3a4f
```
#bf3a4f rgb(191,58,79)
```

Triadic Color

#3abfaa
```
#3abfaa rgb(58,191,170)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#bf3a4f
```
#bf3a4f rgb(191,58,79)
```
#bfaa3a
```
#bfaa3a rgb(191,170,58)
```

Tetradic Color

#283784
```
#283784 rgb(40,55,132)
```
#2e3f98
```
#2e3f98 rgb(46,63,152)
```
#3447ab
```
#3447ab rgb(52,71,171)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#4a5ec8
```
#4a5ec8 rgb(74,94,200)
```
#5e70ce
```
#5e70ce rgb(94,112,206)
```
#7181d4
```
#7181d4 rgb(113,129,212)
```

Monochromatic Color

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

#3a70bf
```
#3a70bf rgb(58,112,191)
```
#3a65bf
```
#3a65bf rgb(58,101,191)
```
#3a5abf
```
#3a5abf rgb(58,90,191)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#3a44bf
```
#3a44bf rgb(58,68,191)
```
#3b3abf
```
#3b3abf rgb(59,58,191)
```
#463abf
```
#463abf rgb(70,58,191)
```

Similar Colors

Text with hexadecimal color #3a4fbf

This text has a font color of #3a4fbf.

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

#3a4fbf background color

This paragraph has a background color of #3a4fbf.

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

#3a4fbf border color

This element has a border color of #3a4fbf.

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

CSS codes

.text {color:#3a4fbf;}

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

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

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, #03040a is the darkest color, while #fafbfe is the lightest one.

#03040a
```
#03040a rgb(3,4,10)
```
#080b19
```
#080b19 rgb(8,11,25)
```
#0c1129
```
#0c1129 rgb(12,17,41)
```
#111738
```
#111738 rgb(17,23,56)
```
#151d47
```
#151d47 rgb(21,29,71)
```
#1a2356
```
#1a2356 rgb(26,35,86)
```
#1f2a65
```
#1f2a65 rgb(31,42,101)
```
#233074
```
#233074 rgb(35,48,116)
```
#283683
```
#283683 rgb(40,54,131)
```
#2c3c92
```
#2c3c92 rgb(44,60,146)
```
#3143a1
```
#3143a1 rgb(49,67,161)
```
#3549b0
```
#3549b0 rgb(53,73,176)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```

Shade Color Variation

#465ac7
```
#465ac7 rgb(70,90,199)
```
#5568cb
```
#5568cb rgb(85,104,203)
```
#6475d0
```
#6475d0 rgb(100,117,208)
```
#7382d4
```
#7382d4 rgb(115,130,212)
```
#8290d9
```
#8290d9 rgb(130,144,217)
```
#919dde
```
#919dde rgb(145,157,222)
```
#a0abe2
```
#a0abe2 rgb(160,171,226)
```
#afb8e7
```
#afb8e7 rgb(175,184,231)
```
#bec5eb
```
#bec5eb rgb(190,197,235)
```
#cdd3f0
```
#cdd3f0 rgb(205,211,240)
```
#dce0f4
```
#dce0f4 rgb(220,224,244)
```
#ebeef9
```
#ebeef9 rgb(235,238,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#737686
```
#737686 rgb(115,118,134)
```
#6a708f
```
#6a708f rgb(106,112,143)
```
#606999
```
#606999 rgb(96,105,153)
```
#5763a2
```
#5763a2 rgb(87,99,162)
```
#4d5cac
```
#4d5cac rgb(77,92,172)
```
#4456b5
```
#4456b5 rgb(68,86,181)
```
#3a4fbf
```
#3a4fbf rgb(58,79,191)
```
#3048c9
```
#3048c9 rgb(48,72,201)
```
#2742d2
```
#2742d2 rgb(39,66,210)
```
#1d3bdc
```
#1d3bdc rgb(29,59,220)
```
#1435e5
```
#1435e5 rgb(20,53,229)
```
#0a2eef
```
#0a2eef rgb(10,46,239)
```
#0128f8
```
#0128f8 rgb(1,40,248)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#50546a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#1559bc Protanomaly 1% of men, 0.01% of women
#155cad Deuteranomaly 6% of men, 0.4% of women
#15618e Tritanomaly 0.01% of the population

#3a4fbf hex color

#3a4fbf Color Information

#3a4fbf Color Conversion

Color Schemes with #3a4fbf

Alternatives to #3a4fbf

#3a4fbf Preview

Shades and Tints of #3a4fbf

Tones of #3a4fbf

Color Blindness Simulator