#3a82bc hex color

In a RGB color space, hex #3a82bc is composed of 22.7% red, 51% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 30.9% magenta, 0% yellow and 26.3% black. It has a hue angle of 206.8 degrees, a saturation of 52.8% and a lightness of 48.2%. #3a82bc color hex could be obtained by blending #74ffff with #000579. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 23
- G 51
- B 74
RGB color chart
- C 69
- M 31
- Y 0
- K 26
CMYK color chart

● #3a82bc color description : Moderate blue.

The hexadecimal color #3a82bc has RGB values of R:58, G:130, B:188 and CMYK values of C:0.69, M:0.31, Y:0, K:0.26. Its decimal value is 3834556.

Hex triplet	3a82bc	`#3a82bc`
RGB Decimal	58, 130, 188	`rgb(58,130,188)`
RGB Percent	22.7, 51, 73.7	`rgb(22.7%,51%,73.7%)`
CMYK	69, 31, 0, 26
HSL	206.8°, 52.8, 48.2	`hsl(206.8,52.8%,48.2%)`
HSV (or HSB)	206.8°, 69.1, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.391, -3.454, -36.937
XYZ	18.802, 20.494, 50.539
xyY	0.209, 0.228, 20.494
CIE-LCH	52.391, 37.098, 264.658
CIE-LUV	52.391, -27.545, -56.072
Hunter-Lab	45.271, -5.086, -34.501
Binary	00111010, 10000010, 10111100

#3a82bc
```
#3a82bc rgb(58,130,188)
```
#bc743a
```
#bc743a rgb(188,116,58)
```

Complementary Color

#3abcb5
```
#3abcb5 rgb(58,188,181)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#3a41bc
```
#3a41bc rgb(58,65,188)
```

Analogous Color

#bcb53a
```
#bcb53a rgb(188,181,58)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#bc3a41
```
#bc3a41 rgb(188,58,65)
```

Split Complementary Color

#82bc3a
```
#82bc3a rgb(130,188,58)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#bc3a82
```
#bc3a82 rgb(188,58,130)
```

Triadic Color

#3abc74
```
#3abc74 rgb(58,188,116)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#bc3a82
```
#bc3a82 rgb(188,58,130)
```
#bc743a
```
#bc743a rgb(188,116,58)
```

Tetradic Color

#285a82
```
#285a82 rgb(40,90,130)
```
#2e6795
```
#2e6795 rgb(46,103,149)
```
#3475a9
```
#3475a9 rgb(52,117,169)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#498fc7
```
#498fc7 rgb(73,143,199)
```
#5c9bcd
```
#5c9bcd rgb(92,155,205)
```
#70a7d3
```
#70a7d3 rgb(112,167,211)
```

Monochromatic Color

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

#3aa3bc
```
#3aa3bc rgb(58,163,188)
```
#3a98bc
```
#3a98bc rgb(58,152,188)
```
#3a8dbc
```
#3a8dbc rgb(58,141,188)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#3a77bc
```
#3a77bc rgb(58,119,188)
```
#3a6cbc
```
#3a6cbc rgb(58,108,188)
```
#3a62bc
```
#3a62bc rgb(58,98,188)
```

Similar Colors

Text with hexadecimal color #3a82bc

This text has a font color of #3a82bc.

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

#3a82bc background color

This paragraph has a background color of #3a82bc.

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

#3a82bc border color

This element has a border color of #3a82bc.

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

CSS codes

.text {color:#3a82bc;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#071017
```
#071017 rgb(7,16,23)
```
#0c1a26
```
#0c1a26 rgb(12,26,38)
```
#102535
```
#102535 rgb(16,37,53)
```
#152f44
```
#152f44 rgb(21,47,68)
```
#1a3953
```
#1a3953 rgb(26,57,83)
```
#1e4462
```
#1e4462 rgb(30,68,98)
```
#234e71
```
#234e71 rgb(35,78,113)
```
#285980
```
#285980 rgb(40,89,128)
```
#2c638f
```
#2c638f rgb(44,99,143)
```
#316d9e
```
#316d9e rgb(49,109,158)
```
#3578ad
```
#3578ad rgb(53,120,173)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```

Shade Color Variation

#448cc5
```
#448cc5 rgb(68,140,197)
```
#5395ca
```
#5395ca rgb(83,149,202)
```
#629ecf
```
#629ecf rgb(98,158,207)
```
#71a8d3
```
#71a8d3 rgb(113,168,211)
```
#80b1d8
```
#80b1d8 rgb(128,177,216)
```
#8fbadd
```
#8fbadd rgb(143,186,221)
```
#9ec3e1
```
#9ec3e1 rgb(158,195,225)
```
#adcde6
```
#adcde6 rgb(173,205,230)
```
#bcd6ea
```
#bcd6ea rgb(188,214,234)
```
#cbdfef
```
#cbdfef rgb(203,223,239)
```
#dae8f4
```
#dae8f4 rgb(218,232,244)
```
#e9f2f8
```
#e9f2f8 rgb(233,242,248)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#737c83
```
#737c83 rgb(115,124,131)
```
#697d8d
```
#697d8d rgb(105,125,141)
```
#607e96
```
#607e96 rgb(96,126,150)
```
#567fa0
```
#567fa0 rgb(86,127,160)
```
#4d80a9
```
#4d80a9 rgb(77,128,169)
```
#4381b3
```
#4381b3 rgb(67,129,179)
```
#3a82bc
```
#3a82bc rgb(58,130,188)
```
#3183c5
```
#3183c5 rgb(49,131,197)
```
#2784cf
```
#2784cf rgb(39,132,207)
```
#1e85d8
```
#1e85d8 rgb(30,133,216)
```
#1486e2
```
#1486e2 rgb(20,134,226)
```
#0b87eb
```
#0b87eb rgb(11,135,235)
```
#0188f5
```
#0188f5 rgb(1,136,245)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#687682 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f81ba Protanopia 1% of men
#6283c1 Deuteranopia 1% of men
#1f909a Tritanopia 0.001% of the population

Trichromacy

#5c81bb Protanomaly 1% of men, 0.01% of women
#5382bf Deuteranomaly 6% of men, 0.4% of women
#298aa6 Tritanomaly 0.01% of the population

#3a82bc hex color

#3a82bc Color Information

#3a82bc Color Conversion

Color Schemes with #3a82bc

Alternatives to #3a82bc

#3a82bc Preview

Shades and Tints of #3a82bc

Tones of #3a82bc

Color Blindness Simulator