#3a6cbf hex color

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

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

● #3a6cbf color description : Moderate blue.

The hexadecimal color #3a6cbf has RGB values of R:58, G:108, B:191 and CMYK values of C:0.7, M:0.43, Y:0, K:0.25. Its decimal value is 3828927.

Hex triplet	3a6cbf	`#3a6cbf`
RGB Decimal	58, 108, 191	`rgb(58,108,191)`
RGB Percent	22.7, 42.4, 74.9	`rgb(22.7%,42.4%,74.9%)`
CMYK	70, 43, 0, 25
HSL	217.4°, 53.4, 48.8	`hsl(217.4,53.4%,48.8%)`
HSV (or HSB)	217.4°, 69.6, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.157, 11.057, -48.546
XYZ	16.509, 15.385, 51.387
xyY	0.198, 0.185, 15.385
CIE-LCH	46.157, 49.79, 282.831
CIE-LUV	46.157, -20.006, -74.057
Hunter-Lab	39.224, 6.489, -50.219
Binary	00111010, 01101100, 10111111

#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#bf8d3a
```
#bf8d3a rgb(191,141,58)
```

Complementary Color

#3aafbf
```
#3aafbf rgb(58,175,191)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#4a3abf
```
#4a3abf rgb(74,58,191)
```

Analogous Color

#afbf3a
```
#afbf3a rgb(175,191,58)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#bf4a3a
```
#bf4a3a rgb(191,74,58)
```

Split Complementary Color

#6cbf3a
```
#6cbf3a rgb(108,191,58)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#bf3a6c
```
#bf3a6c rgb(191,58,108)
```

Triadic Color

#3abf8d
```
#3abf8d rgb(58,191,141)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#bf3a6c
```
#bf3a6c rgb(191,58,108)
```
#bf8d3a
```
#bf8d3a rgb(191,141,58)
```

Tetradic Color

#284b84
```
#284b84 rgb(40,75,132)
```
#2e5698
```
#2e5698 rgb(46,86,152)
```
#3461ab
```
#3461ab rgb(52,97,171)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#4a7ac8
```
#4a7ac8 rgb(74,122,200)
```
#5e88ce
```
#5e88ce rgb(94,136,206)
```
#7197d4
```
#7197d4 rgb(113,151,212)
```

Monochromatic Color

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

#3a8dbf
```
#3a8dbf rgb(58,141,191)
```
#3a82bf
```
#3a82bf rgb(58,130,191)
```
#3a77bf
```
#3a77bf rgb(58,119,191)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#3a61bf
```
#3a61bf rgb(58,97,191)
```
#3a56bf
```
#3a56bf rgb(58,86,191)
```
#3a4bbf
```
#3a4bbf rgb(58,75,191)
```

Similar Colors

Text with hexadecimal color #3a6cbf

This text has a font color of #3a6cbf.

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

#3a6cbf background color

This paragraph has a background color of #3a6cbf.

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

#3a6cbf border color

This element has a border color of #3a6cbf.

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

CSS codes

.text {color:#3a6cbf;}

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

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

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

#03060a
```
#03060a rgb(3,6,10)
```
#080e19
```
#080e19 rgb(8,14,25)
```
#0c1729
```
#0c1729 rgb(12,23,41)
```
#111f38
```
#111f38 rgb(17,31,56)
```
#152847
```
#152847 rgb(21,40,71)
```
#1a3056
```
#1a3056 rgb(26,48,86)
```
#1f3965
```
#1f3965 rgb(31,57,101)
```
#234174
```
#234174 rgb(35,65,116)
```
#284a83
```
#284a83 rgb(40,74,131)
```
#2c5292
```
#2c5292 rgb(44,82,146)
```
#315ba1
```
#315ba1 rgb(49,91,161)
```
#3563b0
```
#3563b0 rgb(53,99,176)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```

Shade Color Variation

#4676c7
```
#4676c7 rgb(70,118,199)
```
#5581cb
```
#5581cb rgb(85,129,203)
```
#648dd0
```
#648dd0 rgb(100,141,208)
```
#7398d4
```
#7398d4 rgb(115,152,212)
```
#82a3d9
```
#82a3d9 rgb(130,163,217)
```
#91aede
```
#91aede rgb(145,174,222)
```
#a0b9e2
```
#a0b9e2 rgb(160,185,226)
```
#afc4e7
```
#afc4e7 rgb(175,196,231)
```
#becfeb
```
#becfeb rgb(190,207,235)
```
#cddaf0
```
#cddaf0 rgb(205,218,240)
```
#dce5f4
```
#dce5f4 rgb(220,229,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737a86 is the less saturated color, while #015ef8 is the most saturated one.

#737a86
```
#737a86 rgb(115,122,134)
```
#6a788f
```
#6a788f rgb(106,120,143)
```
#607699
```
#607699 rgb(96,118,153)
```
#5773a2
```
#5773a2 rgb(87,115,162)
```
#4d71ac
```
#4d71ac rgb(77,113,172)
```
#446eb5
```
#446eb5 rgb(68,110,181)
```
#3a6cbf
```
#3a6cbf rgb(58,108,191)
```
#306ac9
```
#306ac9 rgb(48,106,201)
```
#2767d2
```
#2767d2 rgb(39,103,210)
```
#1d65dc
```
#1d65dc rgb(29,101,220)
```
#1462e5
```
#1462e5 rgb(20,98,229)
```
#0a60ef
```
#0a60ef rgb(10,96,239)
```
#015ef8
```
#015ef8 rgb(1,94,248)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5e6879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e72c1 Protanopia 1% of men
#2d76c1 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#4670c0 Protanomaly 1% of men, 0.01% of women
#3272c0 Deuteranomaly 6% of men, 0.4% of women
#15789c Tritanomaly 0.01% of the population

#3a6cbf hex color

#3a6cbf Color Information

#3a6cbf Color Conversion

Color Schemes with #3a6cbf

Alternatives to #3a6cbf

#3a6cbf Preview

Shades and Tints of #3a6cbf

Tones of #3a6cbf

Color Blindness Simulator