#3a5bbf hex color

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

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

● #3a5bbf color description : Moderate blue.

The hexadecimal color #3a5bbf has RGB values of R:58, G:91, B:191 and CMYK values of C:0.7, M:0.52, Y:0, K:0.25. Its decimal value is 3824575.

Hex triplet	3a5bbf	`#3a5bbf`
RGB Decimal	58, 91, 191	`rgb(58,91,191)`
RGB Percent	22.7, 35.7, 74.9	`rgb(22.7%,35.7%,74.9%)`
CMYK	70, 52, 0, 25
HSL	225.1°, 53.4, 48.8	`hsl(225.1,53.4%,48.8%)`
HSV (or HSB)	225.1°, 69.6, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.441, 21.935, -56.129
XYZ	14.888, 12.142, 50.846
xyY	0.191, 0.156, 12.142
CIE-LCH	41.441, 60.263, 291.345
CIE-LUV	41.441, -14.804, -83.889
Hunter-Lab	34.846, 15.284, -62.123
Binary	00111010, 01011011, 10111111

#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#bf9e3a
```
#bf9e3a rgb(191,158,58)
```

Complementary Color

#3a9ebf
```
#3a9ebf rgb(58,158,191)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#5b3abf
```
#5b3abf rgb(91,58,191)
```

Analogous Color

#9ebf3a
```
#9ebf3a rgb(158,191,58)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#bf5b3a
```
#bf5b3a rgb(191,91,58)
```

Split Complementary Color

#5bbf3a
```
#5bbf3a rgb(91,191,58)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#bf3a5b
```
#bf3a5b rgb(191,58,91)
```

Triadic Color

#3abf9e
```
#3abf9e rgb(58,191,158)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#bf3a5b
```
#bf3a5b rgb(191,58,91)
```
#bf9e3a
```
#bf9e3a rgb(191,158,58)
```

Tetradic Color

#283f84
```
#283f84 rgb(40,63,132)
```
#2e4898
```
#2e4898 rgb(46,72,152)
```
#3452ab
```
#3452ab rgb(52,82,171)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#4a6ac8
```
#4a6ac8 rgb(74,106,200)
```
#5e7ace
```
#5e7ace rgb(94,122,206)
```
#718ad4
```
#718ad4 rgb(113,138,212)
```

Monochromatic Color

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

#3a7cbf
```
#3a7cbf rgb(58,124,191)
```
#3a71bf
```
#3a71bf rgb(58,113,191)
```
#3a66bf
```
#3a66bf rgb(58,102,191)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#3a50bf
```
#3a50bf rgb(58,80,191)
```
#3a45bf
```
#3a45bf rgb(58,69,191)
```
#3a3abf
```
#3a3abf rgb(58,58,191)
```

Similar Colors

Text with hexadecimal color #3a5bbf

This text has a font color of #3a5bbf.

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

#3a5bbf background color

This paragraph has a background color of #3a5bbf.

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

#3a5bbf border color

This element has a border color of #3a5bbf.

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

CSS codes

.text {color:#3a5bbf;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#080c19
```
#080c19 rgb(8,12,25)
```
#0c1329
```
#0c1329 rgb(12,19,41)
```
#111a38
```
#111a38 rgb(17,26,56)
```
#152247
```
#152247 rgb(21,34,71)
```
#1a2956
```
#1a2956 rgb(26,41,86)
```
#1f3065
```
#1f3065 rgb(31,48,101)
```
#233774
```
#233774 rgb(35,55,116)
```
#283e83
```
#283e83 rgb(40,62,131)
```
#2c4592
```
#2c4592 rgb(44,69,146)
```
#314da1
```
#314da1 rgb(49,77,161)
```
#3554b0
```
#3554b0 rgb(53,84,176)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```

Shade Color Variation

#4666c7
```
#4666c7 rgb(70,102,199)
```
#5572cb
```
#5572cb rgb(85,114,203)
```
#647fd0
```
#647fd0 rgb(100,127,208)
```
#738bd4
```
#738bd4 rgb(115,139,212)
```
#8298d9
```
#8298d9 rgb(130,152,217)
```
#91a4de
```
#91a4de rgb(145,164,222)
```
#a0b1e2
```
#a0b1e2 rgb(160,177,226)
```
#afbde7
```
#afbde7 rgb(175,189,231)
```
#bec9eb
```
#bec9eb rgb(190,201,235)
```
#cdd6f0
```
#cdd6f0 rgb(205,214,240)
```
#dce2f4
```
#dce2f4 rgb(220,226,244)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#737886
```
#737886 rgb(115,120,134)
```
#6a738f
```
#6a738f rgb(106,115,143)
```
#606e99
```
#606e99 rgb(96,110,153)
```
#5769a2
```
#5769a2 rgb(87,105,162)
```
#4d65ac
```
#4d65ac rgb(77,101,172)
```
#4460b5
```
#4460b5 rgb(68,96,181)
```
#3a5bbf
```
#3a5bbf rgb(58,91,191)
```
#3056c9
```
#3056c9 rgb(48,86,201)
```
#2751d2
```
#2751d2 rgb(39,81,210)
```
#1d4ddc
```
#1d4ddc rgb(29,77,220)
```
#1448e5
```
#1448e5 rgb(20,72,229)
```
#0a43ef
```
#0a43ef rgb(10,67,239)
```
#013ef8
```
#013ef8 rgb(1,62,248)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#565d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2266c5 Protanopia 1% of men
#006cb1 Deuteranopia 1% of men
#00747c Tritanopia 0.001% of the population

Trichromacy

#2a62c3 Protanomaly 1% of men, 0.01% of women
#1565b6 Deuteranomaly 6% of men, 0.4% of women
#156b94 Tritanomaly 0.01% of the population

#3a5bbf hex color

#3a5bbf Color Information

#3a5bbf Color Conversion

Color Schemes with #3a5bbf

Alternatives to #3a5bbf

#3a5bbf Preview

Shades and Tints of #3a5bbf

Tones of #3a5bbf

Color Blindness Simulator