#3a7fc1 hex color

In a RGB color space, hex #3a7fc1 is composed of 22.7% red, 49.8% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 34.2% magenta, 0% yellow and 24.3% black. It has a hue angle of 209.3 degrees, a saturation of 53.8% and a lightness of 49.2%. #3a7fc1 color hex could be obtained by blending #74feff with #000083. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 50
- B 76
RGB color chart
- C 70
- M 34
- Y 0
- K 24
CMYK color chart

● #3a7fc1 color description : Moderate blue.

The hexadecimal color #3a7fc1 has RGB values of R:58, G:127, B:193 and CMYK values of C:0.7, M:0.34, Y:0, K:0.24. Its decimal value is 3833793.

Hex triplet	3a7fc1	`#3a7fc1`
RGB Decimal	58, 127, 193	`rgb(58,127,193)`
RGB Percent	22.7, 49.8, 75.7	`rgb(22.7%,49.8%,75.7%)`
CMYK	70, 34, 0, 24
HSL	209.3°, 53.8, 49.2	`hsl(209.3,53.8%,49.2%)`
HSV (or HSB)	209.3°, 69.9, 75.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	51.755, 0.09, -40.801
XYZ	18.958, 19.927, 53.296
xyY	0.206, 0.216, 19.927
CIE-LCH	51.755, 40.801, 270.127
CIE-LUV	51.755, -26.318, -62.535
Hunter-Lab	44.64, -2.314, -39.54
Binary	00111010, 01111111, 11000001

#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#c17c3a
```
#c17c3a rgb(193,124,58)
```

Complementary Color

#3ac1c0
```
#3ac1c0 rgb(58,193,192)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#3a3cc1
```
#3a3cc1 rgb(58,60,193)
```

Analogous Color

#c1c03a
```
#c1c03a rgb(193,192,58)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#c13a3c
```
#c13a3c rgb(193,58,60)
```

Split Complementary Color

#7fc13a
```
#7fc13a rgb(127,193,58)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#c13a7f
```
#c13a7f rgb(193,58,127)
```

Triadic Color

#3ac17c
```
#3ac17c rgb(58,193,124)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#c13a7f
```
#c13a7f rgb(193,58,127)
```
#c17c3a
```
#c17c3a rgb(193,124,58)
```

Tetradic Color

#285886
```
#285886 rgb(40,88,134)
```
#2e659a
```
#2e659a rgb(46,101,154)
```
#3472ad
```
#3472ad rgb(52,114,173)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#4b8cc9
```
#4b8cc9 rgb(75,140,201)
```
#5f98cf
```
#5f98cf rgb(95,152,207)
```
#73a5d5
```
#73a5d5 rgb(115,165,213)
```

Monochromatic Color

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

#3aa1c1
```
#3aa1c1 rgb(58,161,193)
```
#3a96c1
```
#3a96c1 rgb(58,150,193)
```
#3a8ac1
```
#3a8ac1 rgb(58,138,193)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#3a74c1
```
#3a74c1 rgb(58,116,193)
```
#3a69c1
```
#3a69c1 rgb(58,105,193)
```
#3a5dc1
```
#3a5dc1 rgb(58,93,193)
```

Similar Colors

Text with hexadecimal color #3a7fc1

This text has a font color of #3a7fc1.

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

#3a7fc1 background color

This paragraph has a background color of #3a7fc1.

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

#3a7fc1 border color

This element has a border color of #3a7fc1.

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

CSS codes

.text {color:#3a7fc1;}

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

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

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, #04080c is the darkest color, while #fcfdfe is the lightest one.

#04080c
```
#04080c rgb(4,8,12)
```
#08121b
```
#08121b rgb(8,18,27)
```
#0d1c2a
```
#0d1c2a rgb(13,28,42)
```
#112639
```
#112639 rgb(17,38,57)
```
#163048
```
#163048 rgb(22,48,72)
```
#1a3a57
```
#1a3a57 rgb(26,58,87)
```
#1f4367
```
#1f4367 rgb(31,67,103)
```
#234d76
```
#234d76 rgb(35,77,118)
```
#285785
```
#285785 rgb(40,87,133)
```
#2c6194
```
#2c6194 rgb(44,97,148)
```
#316ba3
```
#316ba3 rgb(49,107,163)
```
#3575b2
```
#3575b2 rgb(53,117,178)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```

Shade Color Variation

#4789c8
```
#4789c8 rgb(71,137,200)
```
#5692cc
```
#5692cc rgb(86,146,204)
```
#659cd1
```
#659cd1 rgb(101,156,209)
```
#74a6d5
```
#74a6d5 rgb(116,166,213)
```
#83b0da
```
#83b0da rgb(131,176,218)
```
#92b9de
```
#92b9de rgb(146,185,222)
```
#a1c3e3
```
#a1c3e3 rgb(161,195,227)
```
#b1cde7
```
#b1cde7 rgb(177,205,231)
```
#c0d6ec
```
#c0d6ec rgb(192,214,236)
```
#cfe0f0
```
#cfe0f0 rgb(207,224,240)
```
#deeaf5
```
#deeaf5 rgb(222,234,245)
```
#edf3fa
```
#edf3fa rgb(237,243,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747e87 is the less saturated color, while #0080fb is the most saturated one.

#747e87
```
#747e87 rgb(116,126,135)
```
#6a7e91
```
#6a7e91 rgb(106,126,145)
```
#617e9a
```
#617e9a rgb(97,126,154)
```
#577ea4
```
#577ea4 rgb(87,126,164)
```
#4d7fae
```
#4d7fae rgb(77,127,174)
```
#447fb7
```
#447fb7 rgb(68,127,183)
```
#3a7fc1
```
#3a7fc1 rgb(58,127,193)
```
#307fcb
```
#307fcb rgb(48,127,203)
```
#277fd4
```
#277fd4 rgb(39,127,212)
```
#1d80de
```
#1d80de rgb(29,128,222)
```
#1380e8
```
#1380e8 rgb(19,128,232)
```
#0a80f1
```
#0a80f1 rgb(10,128,241)
```
#0080fb
```
#0080fb rgb(0,128,251)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#677582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6980bf Protanopia 1% of men
#5982c5 Deuteranopia 1% of men
#098e99 Tritanopia 0.001% of the population

Trichromacy

#587fc0 Protanomaly 1% of men, 0.01% of women
#4d81c3 Deuteranomaly 6% of men, 0.4% of women
#1b89a7 Tritanomaly 0.01% of the population

#3a7fc1 hex color

#3a7fc1 Color Information

#3a7fc1 Color Conversion

Color Schemes with #3a7fc1

Alternatives to #3a7fc1

#3a7fc1 Preview

Shades and Tints of #3a7fc1

Tones of #3a7fc1

Color Blindness Simulator