#3f86c0 hex color

In a RGB color space, hex #3f86c0 is composed of 24.7% red, 52.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 30.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 207 degrees, a saturation of 50.6% and a lightness of 50%. #3f86c0 color hex could be obtained by blending #7effff with #000d81. Closest websafe color is: #3399cc.

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

● #3f86c0 color description : Moderate blue.

The hexadecimal color #3f86c0 has RGB values of R:63, G:134, B:192 and CMYK values of C:0.67, M:0.3, Y:0, K:0.25. Its decimal value is 4163264.

Hex triplet	3f86c0	`#3f86c0`
RGB Decimal	63, 134, 192	`rgb(63,134,192)`
RGB Percent	24.7, 52.5, 75.3	`rgb(24.7%,52.5%,75.3%)`
CMYK	67, 30, 0, 25
HSL	207°, 50.6, 50	`hsl(207,50.6%,50%)`
HSV (or HSB)	207°, 67.2, 75.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	53.933, -3.608, -36.789
XYZ	20.087, 21.911, 53.037
xyY	0.211, 0.231, 21.911
CIE-LCH	53.933, 36.966, 264.399
CIE-LUV	53.933, -27.787, -56.12
Hunter-Lab	46.809, -5.318, -34.411
Binary	00111111, 10000110, 11000000

#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#c0793f
```
#c0793f rgb(192,121,63)
```

Complementary Color

#3fc0ba
```
#3fc0ba rgb(63,192,186)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#3f46c0
```
#3f46c0 rgb(63,70,192)
```

Analogous Color

#c0ba3f
```
#c0ba3f rgb(192,186,63)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#c03f46
```
#c03f46 rgb(192,63,70)
```

Split Complementary Color

#86c03f
```
#86c03f rgb(134,192,63)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#c03f86
```
#c03f86 rgb(192,63,134)
```

Triadic Color

#3fc079
```
#3fc079 rgb(63,192,121)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#c03f86
```
#c03f86 rgb(192,63,134)
```
#c0793f
```
#c0793f rgb(192,121,63)
```

Tetradic Color

#2c5e86
```
#2c5e86 rgb(44,94,134)
```
#326b9a
```
#326b9a rgb(50,107,154)
```
#3979ad
```
#3979ad rgb(57,121,173)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#5292c6
```
#5292c6 rgb(82,146,198)
```
#659ecd
```
#659ecd rgb(101,158,205)
```
#79aad3
```
#79aad3 rgb(121,170,211)
```

Monochromatic Color

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

#3fa6c0
```
#3fa6c0 rgb(63,166,192)
```
#3f9cc0
```
#3f9cc0 rgb(63,156,192)
```
#3f91c0
```
#3f91c0 rgb(63,145,192)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#3f7bc0
```
#3f7bc0 rgb(63,123,192)
```
#3f71c0
```
#3f71c0 rgb(63,113,192)
```
#3f66c0
```
#3f66c0 rgb(63,102,192)
```

Similar Colors

Text with hexadecimal color #3f86c0

This text has a font color of #3f86c0.

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

#3f86c0 background color

This paragraph has a background color of #3f86c0.

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

#3f86c0 border color

This element has a border color of #3f86c0.

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

CSS codes

.text {color:#3f86c0;}

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

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

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, #050a0f is the darkest color, while #ffffff is the lightest one.

#050a0f
```
#050a0f rgb(5,10,15)
```
#0a151e
```
#0a151e rgb(10,21,30)
```
#0f1f2c
```
#0f1f2c rgb(15,31,44)
```
#13293b
```
#13293b rgb(19,41,59)
```
#18344a
```
#18344a rgb(24,52,74)
```
#1d3e59
```
#1d3e59 rgb(29,62,89)
```
#224867
```
#224867 rgb(34,72,103)
```
#275276
```
#275276 rgb(39,82,118)
```
#2c5d85
```
#2c5d85 rgb(44,93,133)
```
#306794
```
#306794 rgb(48,103,148)
```
#3571a2
```
#3571a2 rgb(53,113,162)
```
#3a7cb1
```
#3a7cb1 rgb(58,124,177)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```

Shade Color Variation

#4e8fc5
```
#4e8fc5 rgb(78,143,197)
```
#5d99ca
```
#5d99ca rgb(93,153,202)
```
#6ba2cf
```
#6ba2cf rgb(107,162,207)
```
#7aabd3
```
#7aabd3 rgb(122,171,211)
```
#89b5d8
```
#89b5d8 rgb(137,181,216)
```
#98bedd
```
#98bedd rgb(152,190,221)
```
#a6c7e2
```
#a6c7e2 rgb(166,199,226)
```
#b5d0e7
```
#b5d0e7 rgb(181,208,231)
```
#c4daec
```
#c4daec rgb(196,218,236)
```
#d3e3f0
```
#d3e3f0 rgb(211,227,240)
```
#e1ecf5
```
#e1ecf5 rgb(225,236,245)
```
#f0f6fa
```
#f0f6fa rgb(240,246,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7a8085
```
#7a8085 rgb(122,128,133)
```
#70818f
```
#70818f rgb(112,129,143)
```
#668299
```
#668299 rgb(102,130,153)
```
#5c83a3
```
#5c83a3 rgb(92,131,163)
```
#5384ac
```
#5384ac rgb(83,132,172)
```
#4985b6
```
#4985b6 rgb(73,133,182)
```
#3f86c0
```
#3f86c0 rgb(63,134,192)
```
#3587ca
```
#3587ca rgb(53,135,202)
```
#2b88d4
```
#2b88d4 rgb(43,136,212)
```
#2289dd
```
#2289dd rgb(34,137,221)
```
#188ae7
```
#188ae7 rgb(24,138,231)
```
#0e8bf1
```
#0e8bf1 rgb(14,139,241)
```
#048cfb
```
#048cfb rgb(4,140,251)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6c7a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7385be Protanopia 1% of men
#6787c5 Deuteranopia 1% of men
#2a939e Tritanopia 0.001% of the population

Trichromacy

#6085be Protanomaly 1% of men, 0.01% of women
#5886c3 Deuteranomaly 6% of men, 0.4% of women
#318eaa Tritanomaly 0.01% of the population

#3f86c0 hex color

#3f86c0 Color Information

#3f86c0 Color Conversion

Color Schemes with #3f86c0

Alternatives to #3f86c0

#3f86c0 Preview

Shades and Tints of #3f86c0

Tones of #3f86c0

Color Blindness Simulator