colorhexa.com

#3281bf hex color

In a RGB color space, hex #3281bf is composed of 19.6% red, 50.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 32.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 206.4 degrees, a saturation of 58.5% and a lightness of 47.3%. #3281bf color hex could be obtained by blending #64ffff with #00037f. Closest websafe color is: #3399cc.

- R 20
- G 51
- B 75
RGB color chart
- C 74
- M 32
- Y 0
- K 25
CMYK color chart

● #3281bf color description : Moderate blue.

The hexadecimal color #3281bf has RGB values of R:50, G:129, B:191 and CMYK values of C:0.74, M:0.32, Y:0, K:0.25. Its decimal value is 3310015.

Hex triplet	3281bf	`#3281bf`
RGB Decimal	50, 129, 191	`rgb(50,129,191)`
RGB Percent	19.6, 50.6, 74.9	`rgb(19.6%,50.6%,74.9%)`
CMYK	74, 32, 0, 25
HSL	206.4°, 58.5, 47.3	`hsl(206.4,58.5%,47.3%)`
HSV (or HSB)	206.4°, 73.8, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	51.994, -2.959, -39.296
XYZ	18.567, 20.139, 52.196
xyY	0.204, 0.222, 20.139
CIE-LCH	51.994, 39.408, 265.694
CIE-LUV	51.994, -28.534, -59.851
Hunter-Lab	44.876, -4.68, -37.548
Binary	00110010, 10000001, 10111111

#3281bf
```
#3281bf rgb(50,129,191)
```
#bf7032
```
#bf7032 rgb(191,112,50)
```

Complementary Color

#32bfb7
```
#32bfb7 rgb(50,191,183)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#323bbf
```
#323bbf rgb(50,59,191)
```

Analogous Color

#bfb732
```
#bfb732 rgb(191,183,50)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#bf323b
```
#bf323b rgb(191,50,59)
```

Split Complementary Color

#81bf32
```
#81bf32 rgb(129,191,50)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#bf3281
```
#bf3281 rgb(191,50,129)
```

Triadic Color

#32bf70
```
#32bf70 rgb(50,191,112)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#bf3281
```
#bf3281 rgb(191,50,129)
```
#bf7032
```
#bf7032 rgb(191,112,50)
```

Tetradic Color

#225882
```
#225882 rgb(34,88,130)
```
#276697
```
#276697 rgb(39,102,151)
```
#2d73ab
```
#2d73ab rgb(45,115,171)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#3e8ecc
```
#3e8ecc rgb(62,142,204)
```
#529ad2
```
#529ad2 rgb(82,154,210)
```
#66a6d7
```
#66a6d7 rgb(102,166,215)
```

Monochromatic Color

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

#32a4bf
```
#32a4bf rgb(50,164,191)
```
#3299bf
```
#3299bf rgb(50,153,191)
```
#328dbf
```
#328dbf rgb(50,141,191)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#3275bf
```
#3275bf rgb(50,117,191)
```
#326abf
```
#326abf rgb(50,106,191)
```
#325ebf
```
#325ebf rgb(50,94,191)
```

Similar Colors

Text with hexadecimal color #3281bf

This text has a font color of #3281bf.

<span style="color:#3281bf;">Text here</span>

#3281bf background color

This paragraph has a background color of #3281bf.

<p style="background-color:#3281bf;">Content here</p>

#3281bf border color

This element has a border color of #3281bf.

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

CSS codes

.text {color:#3281bf;}

.background {background-color:#3281bf;}

.border {border:1px solid #3281bf;}

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

#010304
```
#010304 rgb(1,3,4)
```
#050e14
```
#050e14 rgb(5,14,20)
```
#091824
```
#091824 rgb(9,24,36)
```
#0d2333
```
#0d2333 rgb(13,35,51)
```
#112d43
```
#112d43 rgb(17,45,67)
```
#163852
```
#163852 rgb(22,56,82)
```
#1a4262
```
#1a4262 rgb(26,66,98)
```
#1e4d71
```
#1e4d71 rgb(30,77,113)
```
#225781
```
#225781 rgb(34,87,129)
```
#266290
```
#266290 rgb(38,98,144)
```
#2a6ca0
```
#2a6ca0 rgb(42,108,160)
```
#2e77af
```
#2e77af rgb(46,119,175)
```
#3281bf
```
#3281bf rgb(50,129,191)
```

Shade Color Variation

#398bcb
```
#398bcb rgb(57,139,203)
```
#4994cf
```
#4994cf rgb(73,148,207)
```
#589dd3
```
#589dd3 rgb(88,157,211)
```
#68a6d7
```
#68a6d7 rgb(104,166,215)
```
#78b0dc
```
#78b0dc rgb(120,176,220)
```
#87b9e0
```
#87b9e0 rgb(135,185,224)
```
#97c2e4
```
#97c2e4 rgb(151,194,228)
```
#a6cbe8
```
#a6cbe8 rgb(166,203,232)
```
#b6d4ec
```
#b6d4ec rgb(182,212,236)
```
#c5ddf0
```
#c5ddf0 rgb(197,221,240)
```
#d5e6f4
```
#d5e6f4 rgb(213,230,244)
```
#e4eff8
```
#e4eff8 rgb(228,239,248)
```
#f4f8fc
```
#f4f8fc rgb(244,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #73797e is the less saturated color, while #0487ed is the most saturated one.

#73797e
```
#73797e rgb(115,121,126)
```
#6a7a87
```
#6a7a87 rgb(106,122,135)
```
#607b91
```
#607b91 rgb(96,123,145)
```
#577d9a
```
#577d9a rgb(87,125,154)
```
#4e7ea3
```
#4e7ea3 rgb(78,126,163)
```
#457fac
```
#457fac rgb(69,127,172)
```
#3b80b6
```
#3b80b6 rgb(59,128,182)
```
#3281bf
```
#3281bf rgb(50,129,191)
```
#2982c8
```
#2982c8 rgb(41,130,200)
```
#1f83d2
```
#1f83d2 rgb(31,131,210)
```
#1684db
```
#1684db rgb(22,132,219)
```
#0d85e4
```
#0d85e4 rgb(13,133,228)
```
#0487ed
```
#0487ed rgb(4,135,237)
```

Tone Color Variation

Below, you can see how #3281bf 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

#707070 Achromatopsia 0.005% of the population
#647380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c80bd Protanopia 1% of men
#5c82c4 Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#5780bd Protanomaly 1% of men, 0.01% of women
#4d82c2 Deuteranomaly 6% of men, 0.4% of women
#128aa7 Tritanomaly 0.01% of the population