#3f81bf hex color

In a RGB color space, hex #3f81bf is composed of 24.7% red, 50.6% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 32.5% magenta, 0% yellow and 25.1% black. It has a hue angle of 209.1 degrees, a saturation of 50.4% and a lightness of 49.8%. #3f81bf color hex could be obtained by blending #7effff with #00037f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 51
- B 75
RGB color chart
- C 67
- M 32
- Y 0
- K 25
CMYK color chart

● #3f81bf color description : Moderate blue.

The hexadecimal color #3f81bf has RGB values of R:63, G:129, B:191 and CMYK values of C:0.67, M:0.32, Y:0, K:0.25. Its decimal value is 4161983.

Hex triplet	3f81bf	`#3f81bf`
RGB Decimal	63, 129, 191	`rgb(63,129,191)`
RGB Percent	24.7, 50.6, 74.9	`rgb(24.7%,50.6%,74.9%)`
CMYK	67, 32, 0, 25
HSL	209.1°, 50.4, 49.8	`hsl(209.1,50.4%,49.8%)`
HSV (or HSB)	209.1°, 67, 74.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.417, -1.008, -38.6
XYZ	19.302, 20.517, 52.23
xyY	0.21, 0.223, 20.517
CIE-LCH	52.417, 38.614, 268.504
CIE-LUV	52.417, -26.057, -59.025
Hunter-Lab	45.296, -3.205, -36.659
Binary	00111111, 10000001, 10111111

#3f81bf
```
#3f81bf rgb(63,129,191)
```
#bf7d3f
```
#bf7d3f rgb(191,125,63)
```

Complementary Color

#3fbfbd
```
#3fbfbd rgb(63,191,189)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#3f41bf
```
#3f41bf rgb(63,65,191)
```

Analogous Color

#bfbd3f
```
#bfbd3f rgb(191,189,63)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#bf3f41
```
#bf3f41 rgb(191,63,65)
```

Split Complementary Color

#81bf3f
```
#81bf3f rgb(129,191,63)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#bf3f81
```
#bf3f81 rgb(191,63,129)
```

Triadic Color

#3fbf7d
```
#3fbf7d rgb(63,191,125)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#bf3f81
```
#bf3f81 rgb(191,63,129)
```
#bf7d3f
```
#bf7d3f rgb(191,125,63)
```

Tetradic Color

#2c5a85
```
#2c5a85 rgb(44,90,133)
```
#326799
```
#326799 rgb(50,103,153)
```
#3974ac
```
#3974ac rgb(57,116,172)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#528ec6
```
#528ec6 rgb(82,142,198)
```
#659acc
```
#659acc rgb(101,154,204)
```
#78a7d2
```
#78a7d2 rgb(120,167,210)
```

Monochromatic Color

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

#3fa1bf
```
#3fa1bf rgb(63,161,191)
```
#3f96bf
```
#3f96bf rgb(63,150,191)
```
#3f8cbf
```
#3f8cbf rgb(63,140,191)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#3f76bf
```
#3f76bf rgb(63,118,191)
```
#3f6cbf
```
#3f6cbf rgb(63,108,191)
```
#3f61bf
```
#3f61bf rgb(63,97,191)
```

Similar Colors

Text with hexadecimal color #3f81bf

This text has a font color of #3f81bf.

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

#3f81bf background color

This paragraph has a background color of #3f81bf.

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

#3f81bf border color

This element has a border color of #3f81bf.

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

CSS codes

.text {color:#3f81bf;}

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

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

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, #05090e is the darkest color, while #feffff is the lightest one.

#05090e
```
#05090e rgb(5,9,14)
```
#09131d
```
#09131d rgb(9,19,29)
```
#0e1d2b
```
#0e1d2b rgb(14,29,43)
```
#13273a
```
#13273a rgb(19,39,58)
```
#183149
```
#183149 rgb(24,49,73)
```
#1d3b58
```
#1d3b58 rgb(29,59,88)
```
#224566
```
#224566 rgb(34,69,102)
```
#274f75
```
#274f75 rgb(39,79,117)
```
#2c5984
```
#2c5984 rgb(44,89,132)
```
#306393
```
#306393 rgb(48,99,147)
```
#356da1
```
#356da1 rgb(53,109,161)
```
#3a77b0
```
#3a77b0 rgb(58,119,176)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```

Shade Color Variation

#4d8bc4
```
#4d8bc4 rgb(77,139,196)
```
#5c94c9
```
#5c94c9 rgb(92,148,201)
```
#6b9ece
```
#6b9ece rgb(107,158,206)
```
#79a8d3
```
#79a8d3 rgb(121,168,211)
```
#88b1d8
```
#88b1d8 rgb(136,177,216)
```
#97bbdd
```
#97bbdd rgb(151,187,221)
```
#a6c5e2
```
#a6c5e2 rgb(166,197,226)
```
#b4cee6
```
#b4cee6 rgb(180,206,230)
```
#c3d8eb
```
#c3d8eb rgb(195,216,235)
```
#d2e2f0
```
#d2e2f0 rgb(210,226,240)
```
#e1ebf5
```
#e1ebf5 rgb(225,235,245)
```
#eff5fa
```
#eff5fa rgb(239,245,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7f84 is the less saturated color, while #0483fa is the most saturated one.

#7a7f84
```
#7a7f84 rgb(122,127,132)
```
#707f8e
```
#707f8e rgb(112,127,142)
```
#668098
```
#668098 rgb(102,128,152)
```
#5c80a2
```
#5c80a2 rgb(92,128,162)
```
#5380ab
```
#5380ab rgb(83,128,171)
```
#4981b5
```
#4981b5 rgb(73,129,181)
```
#3f81bf
```
#3f81bf rgb(63,129,191)
```
#3581c9
```
#3581c9 rgb(53,129,201)
```
#2b82d3
```
#2b82d3 rgb(43,130,211)
```
#2282dc
```
#2282dc rgb(34,130,220)
```
#1882e6
```
#1882e6 rgb(24,130,230)
```
#0e83f0
```
#0e83f0 rgb(14,131,240)
```
#0483fa
```
#0483fa rgb(4,131,250)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#697783 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d81be Protanopia 1% of men
#5f83c3 Deuteranopia 1% of men
#268f9a Tritanopia 0.001% of the population

Trichromacy

#5c81be Protanomaly 1% of men, 0.01% of women
#5382c2 Deuteranomaly 6% of men, 0.4% of women
#2f8aa7 Tritanomaly 0.01% of the population

#3f81bf hex color

#3f81bf Color Information

#3f81bf Color Conversion

Color Schemes with #3f81bf

Alternatives to #3f81bf

#3f81bf Preview

Shades and Tints of #3f81bf

Tones of #3f81bf

Color Blindness Simulator