#3f80c7 hex color

In a RGB color space, hex #3f80c7 is composed of 24.7% red, 50.2% green and 78% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 35.7% magenta, 0% yellow and 22% black. It has a hue angle of 211.3 degrees, a saturation of 54.8% and a lightness of 51.4%. #3f80c7 color hex could be obtained by blending #7effff with #00018f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 25
- G 50
- B 78
RGB color chart
- C 68
- M 36
- Y 0
- K 22
CMYK color chart

● #3f80c7 color description : Moderate blue.

The hexadecimal color #3f80c7 has RGB values of R:63, G:128, B:199 and CMYK values of C:0.68, M:0.36, Y:0, K:0.22. Its decimal value is 4161735.

Hex triplet	3f80c7	`#3f80c7`
RGB Decimal	63, 128, 199	`rgb(63,128,199)`
RGB Percent	24.7, 50.2, 78	`rgb(24.7%,50.2%,78%)`
CMYK	68, 36, 0, 22
HSL	211.3°, 54.8, 51.4	`hsl(211.3,54.8%,51.4%)`
HSV (or HSB)	211.3°, 68.3, 78
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.528, 2.39, -42.991
XYZ	20.075, 20.617, 56.951
xyY	0.206, 0.211, 20.617
CIE-LCH	52.528, 43.058, 273.182
CIE-LUV	52.528, -25.468, -66.487
Hunter-Lab	45.406, -0.54, -42.581
Binary	00111111, 10000000, 11000111

#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#c7863f
```
#c7863f rgb(199,134,63)
```

Complementary Color

#3fc4c7
```
#3fc4c7 rgb(63,196,199)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#423fc7
```
#423fc7 rgb(66,63,199)
```

Analogous Color

#c4c73f
```
#c4c73f rgb(196,199,63)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#c7423f
```
#c7423f rgb(199,66,63)
```

Split Complementary Color

#80c73f
```
#80c73f rgb(128,199,63)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#c73f80
```
#c73f80 rgb(199,63,128)
```

Triadic Color

#3fc786
```
#3fc786 rgb(63,199,134)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#c73f80
```
#c73f80 rgb(199,63,128)
```
#c7863f
```
#c7863f rgb(199,134,63)
```

Tetradic Color

#2a5b90
```
#2a5b90 rgb(42,91,144)
```
#3067a3
```
#3067a3 rgb(48,103,163)
```
#3573b7
```
#3573b7 rgb(53,115,183)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#538dcd
```
#538dcd rgb(83,141,205)
```
#669ad3
```
#669ad3 rgb(102,154,211)
```
#7aa7d8
```
#7aa7d8 rgb(122,167,216)
```

Monochromatic Color

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

#3fa2c7
```
#3fa2c7 rgb(63,162,199)
```
#3f97c7
```
#3f97c7 rgb(63,151,199)
```
#3f8bc7
```
#3f8bc7 rgb(63,139,199)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#3f75c7
```
#3f75c7 rgb(63,117,199)
```
#3f69c7
```
#3f69c7 rgb(63,105,199)
```
#3f5ec7
```
#3f5ec7 rgb(63,94,199)
```

Similar Colors

Text with hexadecimal color #3f80c7

This text has a font color of #3f80c7.

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

#3f80c7 background color

This paragraph has a background color of #3f80c7.

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

#3f80c7 border color

This element has a border color of #3f80c7.

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

CSS codes

.text {color:#3f80c7;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#060d15
```
#060d15 rgb(6,13,21)
```
#0a1724
```
#0a1724 rgb(10,23,36)
```
#0f2033
```
#0f2033 rgb(15,32,51)
```
#132a42
```
#132a42 rgb(19,42,66)
```
#183351
```
#183351 rgb(24,51,81)
```
#1c3d61
```
#1c3d61 rgb(28,61,97)
```
#214670
```
#214670 rgb(33,70,112)
```
#25507f
```
#25507f rgb(37,80,127)
```
#295a8e
```
#295a8e rgb(41,90,142)
```
#2e639d
```
#2e639d rgb(46,99,157)
```
#326dac
```
#326dac rgb(50,109,172)
```
#3776bc
```
#3776bc rgb(55,118,188)
```

Shade Color Variation

#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#4e8acb
```
#4e8acb rgb(78,138,203)
```
#5d94d0
```
#5d94d0 rgb(93,148,208)
```
#6d9ed4
```
#6d9ed4 rgb(109,158,212)
```
#7ca8d9
```
#7ca8d9 rgb(124,168,217)
```
#8bb2dd
```
#8bb2dd rgb(139,178,221)
```
#9abce2
```
#9abce2 rgb(154,188,226)
```
#a9c6e6
```
#a9c6e6 rgb(169,198,230)
```
#b8d0ea
```
#b8d0ea rgb(184,208,234)
```
#c8daef
```
#c8daef rgb(200,218,239)
```
#d7e4f3
```
#d7e4f3 rgb(215,228,243)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828384 is the less saturated color, while #0f7ef7 is the most saturated one.

#828384
```
#828384 rgb(130,131,132)
```
#78838e
```
#78838e rgb(120,131,142)
```
#6f8297
```
#6f8297 rgb(111,130,151)
```
#6582a1
```
#6582a1 rgb(101,130,161)
```
#5c81aa
```
#5c81aa rgb(92,129,170)
```
#5281b4
```
#5281b4 rgb(82,129,180)
```
#4980bd
```
#4980bd rgb(73,128,189)
```
#3f80c7
```
#3f80c7 rgb(63,128,199)
```
#3580d1
```
#3580d1 rgb(53,128,209)
```
#2c7fda
```
#2c7fda rgb(44,127,218)
```
#227fe4
```
#227fe4 rgb(34,127,228)
```
#197eed
```
#197eed rgb(25,126,237)
```
#0f7ef7
```
#0f7ef7 rgb(15,126,247)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6a7785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6881c6 Protanopia 1% of men
#5684ca Deuteranopia 1% of men
#16909b Tritanopia 0.001% of the population

Trichromacy

#5981c6 Protanomaly 1% of men, 0.01% of women
#4e82c9 Deuteranomaly 6% of men, 0.4% of women
#248aab Tritanomaly 0.01% of the population

#3f80c7 hex color

#3f80c7 Color Information

#3f80c7 Color Conversion

Color Schemes with #3f80c7

Alternatives to #3f80c7

#3f80c7 Preview

Shades and Tints of #3f80c7

Tones of #3f80c7

Color Blindness Simulator