#3a61b4 hex color

In a RGB color space, hex #3a61b4 is composed of 22.7% red, 38% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 46.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 220.8 degrees, a saturation of 51.3% and a lightness of 46.7%. #3a61b4 color hex could be obtained by blending #74c2ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 38
- B 71
RGB color chart
- C 68
- M 46
- Y 0
- K 29
CMYK color chart

● #3a61b4 color description : Moderate blue.

The hexadecimal color #3a61b4 has RGB values of R:58, G:97, B:180 and CMYK values of C:0.68, M:0.46, Y:0, K:0.29. Its decimal value is 3826100.

Hex triplet	3a61b4	`#3a61b4`
RGB Decimal	58, 97, 180	`rgb(58,97,180)`
RGB Percent	22.7, 38, 70.6	`rgb(22.7%,38%,70.6%)`
CMYK	68, 46, 0, 29
HSL	220.8°, 51.3, 46.7	`hsl(220.8,51.3%,46.7%)`
HSV (or HSB)	220.8°, 67.8, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.374, 14.047, -48.205
XYZ	14.256, 12.743, 44.886
xyY	0.198, 0.177, 12.743
CIE-LCH	42.374, 50.21, 286.246
CIE-LUV	42.374, -16.61, -72.205
Hunter-Lab	35.698, 8.814, -49.562
Binary	00111010, 01100001, 10110100

#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#b48d3a
```
#b48d3a rgb(180,141,58)
```

Complementary Color

#3a9eb4
```
#3a9eb4 rgb(58,158,180)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#503ab4
```
#503ab4 rgb(80,58,180)
```

Analogous Color

#9eb43a
```
#9eb43a rgb(158,180,58)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#b4503a
```
#b4503a rgb(180,80,58)
```

Split Complementary Color

#61b43a
```
#61b43a rgb(97,180,58)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#b43a61
```
#b43a61 rgb(180,58,97)
```

Triadic Color

#3ab48d
```
#3ab48d rgb(58,180,141)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#b43a61
```
#b43a61 rgb(180,58,97)
```
#b48d3a
```
#b48d3a rgb(180,141,58)
```

Tetradic Color

#27427a
```
#27427a rgb(39,66,122)
```
#2e4c8d
```
#2e4c8d rgb(46,76,141)
```
#3457a1
```
#3457a1 rgb(52,87,161)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#456dc3
```
#456dc3 rgb(69,109,195)
```
#587cc9
```
#587cc9 rgb(88,124,201)
```
#6b8bcf
```
#6b8bcf rgb(107,139,207)
```

Monochromatic Color

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

#3a80b4
```
#3a80b4 rgb(58,128,180)
```
#3a75b4
```
#3a75b4 rgb(58,117,180)
```
#3a6bb4
```
#3a6bb4 rgb(58,107,180)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#3a57b4
```
#3a57b4 rgb(58,87,180)
```
#3a4db4
```
#3a4db4 rgb(58,77,180)
```
#3a42b4
```
#3a42b4 rgb(58,66,180)
```

Similar Colors

Text with hexadecimal color #3a61b4

This text has a font color of #3a61b4.

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

#3a61b4 background color

This paragraph has a background color of #3a61b4.

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

#3a61b4 border color

This element has a border color of #3a61b4.

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

CSS codes

.text {color:#3a61b4;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#050911
```
#050911 rgb(5,9,17)
```
#0a1120
```
#0a1120 rgb(10,17,32)
```
#0f192e
```
#0f192e rgb(15,25,46)
```
#14213d
```
#14213d rgb(20,33,61)
```
#19294c
```
#19294c rgb(25,41,76)
```
#1d315b
```
#1d315b rgb(29,49,91)
```
#22396a
```
#22396a rgb(34,57,106)
```
#274179
```
#274179 rgb(39,65,121)
```
#2c4987
```
#2c4987 rgb(44,73,135)
```
#305196
```
#305196 rgb(48,81,150)
```
#3559a5
```
#3559a5 rgb(53,89,165)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```

Shade Color Variation

#4069c1
```
#4069c1 rgb(64,105,193)
```
#4f75c6
```
#4f75c6 rgb(79,117,198)
```
#5e81cb
```
#5e81cb rgb(94,129,203)
```
#6d8cd0
```
#6d8cd0 rgb(109,140,208)
```
#7b98d5
```
#7b98d5 rgb(123,152,213)
```
#8aa4d9
```
#8aa4d9 rgb(138,164,217)
```
#99afde
```
#99afde rgb(153,175,222)
```
#a8bbe3
```
#a8bbe3 rgb(168,187,227)
```
#b7c6e8
```
#b7c6e8 rgb(183,198,232)
```
#c6d2ed
```
#c6d2ed rgb(198,210,237)
```
#d4def1
```
#d4def1 rgb(212,222,241)
```
#e3e9f6
```
#e3e9f6 rgb(227,233,246)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71757d is the less saturated color, while #034deb is the most saturated one.

#71757d
```
#71757d rgb(113,117,125)
```
#687286
```
#687286 rgb(104,114,134)
```
#5f6e8f
```
#5f6e8f rgb(95,110,143)
```
#556b99
```
#556b99 rgb(85,107,153)
```
#4c68a2
```
#4c68a2 rgb(76,104,162)
```
#4364ab
```
#4364ab rgb(67,100,171)
```
#3a61b4
```
#3a61b4 rgb(58,97,180)
```
#315ebd
```
#315ebd rgb(49,94,189)
```
#285ac6
```
#285ac6 rgb(40,90,198)
```
#1f57cf
```
#1f57cf rgb(31,87,207)
```
#1554d9
```
#1554d9 rgb(21,84,217)
```
#0c50e2
```
#0c50e2 rgb(12,80,226)
```
#034deb
```
#034deb rgb(3,77,235)
```

Tone Color Variation

Below, you can see how #3a61b4 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
#585f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4269b8 Protanopia 1% of men
#196db5 Deuteranopia 1% of men
#00767f Tritanopia 0.001% of the population

Trichromacy

#3f66b6 Protanomaly 1% of men, 0.01% of women
#2569b5 Deuteranomaly 6% of men, 0.4% of women
#156e92 Tritanomaly 0.01% of the population

#3a61b4 hex color

#3a61b4 Color Information

#3a61b4 Color Conversion

Color Schemes with #3a61b4

Alternatives to #3a61b4

#3a61b4 Preview

Shades and Tints of #3a61b4

Tones of #3a61b4

Color Blindness Simulator