#3f85d6 hex color

In a RGB color space, hex #3f85d6 is composed of 24.7% red, 52.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 37.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 212.2 degrees, a saturation of 64.8% and a lightness of 54.3%. #3f85d6 color hex could be obtained by blending #7effff with #000bad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 52
- B 84
RGB color chart
- C 71
- M 38
- Y 0
- K 16
CMYK color chart

● #3f85d6 color description : Moderate blue.

The hexadecimal color #3f85d6 has RGB values of R:63, G:133, B:214 and CMYK values of C:0.71, M:0.38, Y:0, K:0.16. Its decimal value is 4163030.

Hex triplet	3f85d6	`#3f85d6`
RGB Decimal	63, 133, 214	`rgb(63,133,214)`
RGB Percent	24.7, 52.2, 83.9	`rgb(24.7%,52.2%,83.9%)`
CMYK	71, 38, 0, 16
HSL	212.2°, 64.8, 54.3	`hsl(212.2,64.8%,54.3%)`
HSV (or HSB)	212.2°, 70.6, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.747, 4.692, -47.969
XYZ	22.572, 22.685, 66.804
xyY	0.201, 0.202, 22.685
CIE-LCH	54.747, 48.198, 275.586
CIE-LUV	54.747, -26.72, -75.344
Hunter-Lab	47.629, 1.244, -49.819
Binary	00111111, 10000101, 11010110

#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#d6903f
```
#d6903f rgb(214,144,63)
```

Complementary Color

#3fd1d6
```
#3fd1d6 rgb(63,209,214)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#453fd6
```
#453fd6 rgb(69,63,214)
```

Analogous Color

#d1d63f
```
#d1d63f rgb(209,214,63)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#d6453f
```
#d6453f rgb(214,69,63)
```

Split Complementary Color

#85d63f
```
#85d63f rgb(133,214,63)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#d63f85
```
#d63f85 rgb(214,63,133)
```

Triadic Color

#3fd690
```
#3fd690 rgb(63,214,144)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#d63f85
```
#d63f85 rgb(214,63,133)
```
#d6903f
```
#d6903f rgb(214,144,63)
```

Tetradic Color

#2360a5
```
#2360a5 rgb(35,96,165)
```
#286cba
```
#286cba rgb(40,108,186)
```
#2c78cf
```
#2c78cf rgb(44,120,207)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#5492da
```
#5492da rgb(84,146,218)
```
#69a0df
```
#69a0df rgb(105,160,223)
```
#7eade3
```
#7eade3 rgb(126,173,227)
```

Monochromatic Color

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

#3fabd6
```
#3fabd6 rgb(63,171,214)
```
#3f9ed6
```
#3f9ed6 rgb(63,158,214)
```
#3f92d6
```
#3f92d6 rgb(63,146,214)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#3f78d6
```
#3f78d6 rgb(63,120,214)
```
#3f6cd6
```
#3f6cd6 rgb(63,108,214)
```
#3f5fd6
```
#3f5fd6 rgb(63,95,214)
```

Similar Colors

Text with hexadecimal color #3f85d6

This text has a font color of #3f85d6.

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

#3f85d6 background color

This paragraph has a background color of #3f85d6.

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

#3f85d6 border color

This element has a border color of #3f85d6.

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

CSS codes

.text {color:#3f85d6;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071422
```
#071422 rgb(7,20,34)
```
#0b1d32
```
#0b1d32 rgb(11,29,50)
```
#0e2743
```
#0e2743 rgb(14,39,67)
```
#123053
```
#123053 rgb(18,48,83)
```
#153963
```
#153963 rgb(21,57,99)
```
#194373
```
#194373 rgb(25,67,115)
```
#1c4c83
```
#1c4c83 rgb(28,76,131)
```
#1f5593
```
#1f5593 rgb(31,85,147)
```
#235fa4
```
#235fa4 rgb(35,95,164)
```
#2668b4
```
#2668b4 rgb(38,104,180)
```
#2a71c4
```
#2a71c4 rgb(42,113,196)
```

Shade Color Variation

#2f7bd3
```
#2f7bd3 rgb(47,123,211)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#4f8fd9
```
#4f8fd9 rgb(79,143,217)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#6fa4e0
```
#6fa4e0 rgb(111,164,224)
```
#80aee4
```
#80aee4 rgb(128,174,228)
```
#90b8e7
```
#90b8e7 rgb(144,184,231)
```
#a0c3eb
```
#a0c3eb rgb(160,195,235)
```
#b0cdee
```
#b0cdee rgb(176,205,238)
```
#c0d7f2
```
#c0d7f2 rgb(192,215,242)
```
#d0e1f5
```
#d0e1f5 rgb(208,225,245)
```
#e1ecf9
```
#e1ecf9 rgb(225,236,249)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a8e is the less saturated color, while #1b82fa is the most saturated one.

#878a8e
```
#878a8e rgb(135,138,142)
```
#7e8a97
```
#7e8a97 rgb(126,138,151)
```
#7589a0
```
#7589a0 rgb(117,137,160)
```
#6c88a9
```
#6c88a9 rgb(108,136,169)
```
#6388b2
```
#6388b2 rgb(99,136,178)
```
#5a87bb
```
#5a87bb rgb(90,135,187)
```
#5186c4
```
#5186c4 rgb(81,134,196)
```
#4886cd
```
#4886cd rgb(72,134,205)
```
#3f85d6
```
#3f85d6 rgb(63,133,214)
```
#3684df
```
#3684df rgb(54,132,223)
```
#2d84e8
```
#2d84e8 rgb(45,132,232)
```
#2483f1
```
#2483f1 rgb(36,131,241)
```
#1b82fa
```
#1b82fa rgb(27,130,250)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6d7b8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6886d4 Protanopia 1% of men
#508ad8 Deuteranopia 1% of men
#0096a1 Tritanopia 0.001% of the population

Trichromacy

#5986d5 Protanomaly 1% of men, 0.01% of women
#4a88d7 Deuteranomaly 6% of men, 0.4% of women
#1690b4 Tritanomaly 0.01% of the population

#3f85d6 hex color

#3f85d6 Color Information

#3f85d6 Color Conversion

Color Schemes with #3f85d6

Alternatives to #3f85d6

#3f85d6 Preview

Shades and Tints of #3f85d6

Tones of #3f85d6

Color Blindness Simulator