#3a61b8 hex color

In a RGB color space, hex #3a61b8 is composed of 22.7% red, 38% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 47.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 221.4 degrees, a saturation of 52.1% and a lightness of 47.5%. #3a61b8 color hex could be obtained by blending #74c2ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 38
- B 72
RGB color chart
- C 68
- M 47
- Y 0
- K 28
CMYK color chart

● #3a61b8 color description : Moderate blue.

The hexadecimal color #3a61b8 has RGB values of R:58, G:97, B:184 and CMYK values of C:0.68, M:0.47, Y:0, K:0.28. Its decimal value is 3826104.

Hex triplet	3a61b8	`#3a61b8`
RGB Decimal	58, 97, 184	`rgb(58,97,184)`
RGB Percent	22.7, 38, 72.2	`rgb(22.7%,38%,72.2%)`
CMYK	68, 47, 0, 28
HSL	221.4°, 52.1, 47.5	`hsl(221.4,52.1%,47.5%)`
HSV (or HSB)	221.4°, 68.5, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.625, 15.507, -50.14
XYZ	14.669, 12.909, 47.063
xyY	0.197, 0.173, 12.909
CIE-LCH	42.625, 52.483, 287.185
CIE-LUV	42.625, -16.593, -75.314
Hunter-Lab	35.929, 10.006, -52.515
Binary	00111010, 01100001, 10111000

#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#b8913a
```
#b8913a rgb(184,145,58)
```

Complementary Color

#3aa0b8
```
#3aa0b8 rgb(58,160,184)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#523ab8
```
#523ab8 rgb(82,58,184)
```

Analogous Color

#a0b83a
```
#a0b83a rgb(160,184,58)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#b8523a
```
#b8523a rgb(184,82,58)
```

Split Complementary Color

#61b83a
```
#61b83a rgb(97,184,58)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#b83a61
```
#b83a61 rgb(184,58,97)
```

Triadic Color

#3ab891
```
#3ab891 rgb(58,184,145)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#b83a61
```
#b83a61 rgb(184,58,97)
```
#b8913a
```
#b8913a rgb(184,145,58)
```

Tetradic Color

#28427e
```
#28427e rgb(40,66,126)
```
#2e4d91
```
#2e4d91 rgb(46,77,145)
```
#3457a5
```
#3457a5 rgb(52,87,165)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#476ec5
```
#476ec5 rgb(71,110,197)
```
#5a7dcb
```
#5a7dcb rgb(90,125,203)
```
#6d8cd1
```
#6d8cd1 rgb(109,140,209)
```

Monochromatic Color

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

#3a81b8
```
#3a81b8 rgb(58,129,184)
```
#3a76b8
```
#3a76b8 rgb(58,118,184)
```
#3a6cb8
```
#3a6cb8 rgb(58,108,184)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#3a56b8
```
#3a56b8 rgb(58,86,184)
```
#3a4cb8
```
#3a4cb8 rgb(58,76,184)
```
#3a42b8
```
#3a42b8 rgb(58,66,184)
```

Similar Colors

Text with hexadecimal color #3a61b8

This text has a font color of #3a61b8.

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

#3a61b8 background color

This paragraph has a background color of #3a61b8.

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

#3a61b8 border color

This element has a border color of #3a61b8.

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

CSS codes

.text {color:#3a61b8;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1223
```
#0b1223 rgb(11,18,35)
```
#101a32
```
#101a32 rgb(16,26,50)
```
#142241
```
#142241 rgb(20,34,65)
```
#192a50
```
#192a50 rgb(25,42,80)
```
#1e325f
```
#1e325f rgb(30,50,95)
```
#223a6d
```
#223a6d rgb(34,58,109)
```
#27427c
```
#27427c rgb(39,66,124)
```
#2c498b
```
#2c498b rgb(44,73,139)
```
#31519a
```
#31519a rgb(49,81,154)
```
#3559a9
```
#3559a9 rgb(53,89,169)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```

Shade Color Variation

#426ac3
```
#426ac3 rgb(66,106,195)
```
#5176c8
```
#5176c8 rgb(81,118,200)
```
#6082cd
```
#6082cd rgb(96,130,205)
```
#6f8dd2
```
#6f8dd2 rgb(111,141,210)
```
#7e99d6
```
#7e99d6 rgb(126,153,214)
```
#8da5db
```
#8da5db rgb(141,165,219)
```
#9cb1e0
```
#9cb1e0 rgb(156,177,224)
```
#abbce4
```
#abbce4 rgb(171,188,228)
```
#b9c8e9
```
#b9c8e9 rgb(185,200,233)
```
#c8d4ee
```
#c8d4ee rgb(200,212,238)
```
#d7e0f2
```
#d7e0f2 rgb(215,224,242)
```
#e6ebf7
```
#e6ebf7 rgb(230,235,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#727680
```
#727680 rgb(114,118,128)
```
#697389
```
#697389 rgb(105,115,137)
```
#5f6f93
```
#5f6f93 rgb(95,111,147)
```
#566c9c
```
#566c9c rgb(86,108,156)
```
#4d68a5
```
#4d68a5 rgb(77,104,165)
```
#4365af
```
#4365af rgb(67,101,175)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#315dc1
```
#315dc1 rgb(49,93,193)
```
#275acb
```
#275acb rgb(39,90,203)
```
#1e56d4
```
#1e56d4 rgb(30,86,212)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#0b4fe7
```
#0b4fe7 rgb(11,79,231)
```
#024cf0
```
#024cf0 rgb(2,76,240)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#585f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e69bc Protanopia 1% of men
#006eb8 Deuteranopia 1% of men
#00777f Tritanopia 0.001% of the population

Trichromacy

#3c66ba Protanomaly 1% of men, 0.01% of women
#1569b8 Deuteranomaly 6% of men, 0.4% of women
#156f94 Tritanomaly 0.01% of the population

#3a61b8 hex color

#3a61b8 Color Information

#3a61b8 Color Conversion

Color Schemes with #3a61b8

Alternatives to #3a61b8

#3a61b8 Preview

Shades and Tints of #3a61b8

Tones of #3a61b8

Color Blindness Simulator