#407fc2 hex color

In a RGB color space, hex #407fc2 is composed of 25.1% red, 49.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 34.5% magenta, 0% yellow and 23.9% black. It has a hue angle of 210.9 degrees, a saturation of 51.6% and a lightness of 50.6%. #407fc2 color hex could be obtained by blending #80feff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 50
- B 76
RGB color chart
- C 67
- M 35
- Y 0
- K 24
CMYK color chart

● #407fc2 color description : Moderate blue.

The hexadecimal color #407fc2 has RGB values of R:64, G:127, B:194 and CMYK values of C:0.67, M:0.35, Y:0, K:0.24. Its decimal value is 4227010.

Hex triplet	407fc2	`#407fc2`
RGB Decimal	64, 127, 194	`rgb(64,127,194)`
RGB Percent	25.1, 49.8, 76.1	`rgb(25.1%,49.8%,76.1%)`
CMYK	67, 35, 0, 24
HSL	210.9°, 51.6, 50.6	`hsl(210.9,51.6%,50.6%)`
HSV (or HSB)	210.9°, 67, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.02, 1.397, -40.939
XYZ	19.439, 20.162, 53.903
xyY	0.208, 0.216, 20.162
CIE-LCH	52.02, 40.963, 271.955
CIE-LUV	52.02, -25.055, -62.956
Hunter-Lab	44.903, -1.304, -39.743
Binary	01000000, 01111111, 11000010

#407fc2
```
#407fc2 rgb(64,127,194)
```
#c28340
```
#c28340 rgb(194,131,64)
```

Complementary Color

#40c0c2
```
#40c0c2 rgb(64,192,194)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#4240c2
```
#4240c2 rgb(66,64,194)
```

Analogous Color

#c0c240
```
#c0c240 rgb(192,194,64)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#c24240
```
#c24240 rgb(194,66,64)
```

Split Complementary Color

#7fc240
```
#7fc240 rgb(127,194,64)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#c2407f
```
#c2407f rgb(194,64,127)
```

Triadic Color

#40c283
```
#40c283 rgb(64,194,131)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#c2407f
```
#c2407f rgb(194,64,127)
```
#c28340
```
#c28340 rgb(194,131,64)
```

Tetradic Color

#2c598a
```
#2c598a rgb(44,89,138)
```
#32669d
```
#32669d rgb(50,102,157)
```
#3872b0
```
#3872b0 rgb(56,114,176)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#538cc8
```
#538cc8 rgb(83,140,200)
```
#6799ce
```
#6799ce rgb(103,153,206)
```
#7aa6d5
```
#7aa6d5 rgb(122,166,213)
```

Monochromatic Color

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

#40a0c2
```
#40a0c2 rgb(64,160,194)
```
#4095c2
```
#4095c2 rgb(64,149,194)
```
#408ac2
```
#408ac2 rgb(64,138,194)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#4074c2
```
#4074c2 rgb(64,116,194)
```
#4069c2
```
#4069c2 rgb(64,105,194)
```
#405fc2
```
#405fc2 rgb(64,95,194)
```

Similar Colors

Text with hexadecimal color #407fc2

This text has a font color of #407fc2.

<span style="color:#407fc2;">Text here</span>

#407fc2 background color

This paragraph has a background color of #407fc2.

<p style="background-color:#407fc2;">Content here</p>

#407fc2 border color

This element has a border color of #407fc2.

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

CSS codes

.text {color:#407fc2;}

.background {background-color:#407fc2;}

.border {border:1px solid #407fc2;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050b11
```
#050b11 rgb(5,11,17)
```
#0a1520
```
#0a1520 rgb(10,21,32)
```
#0f1e2f
```
#0f1e2f rgb(15,30,47)
```
#14283e
```
#14283e rgb(20,40,62)
```
#18324d
```
#18324d rgb(24,50,77)
```
#1d3b5b
```
#1d3b5b rgb(29,59,91)
```
#22456a
```
#22456a rgb(34,69,106)
```
#274f79
```
#274f79 rgb(39,79,121)
```
#2b5888
```
#2b5888 rgb(43,88,136)
```
#306297
```
#306297 rgb(48,98,151)
```
#356ca6
```
#356ca6 rgb(53,108,166)
```
#3a75b5
```
#3a75b5 rgb(58,117,181)
```

Shade Color Variation

#407fc2
```
#407fc2 rgb(64,127,194)
```
#4f89c7
```
#4f89c7 rgb(79,137,199)
```
#5e93cb
```
#5e93cb rgb(94,147,203)
```
#6d9dd0
```
#6d9dd0 rgb(109,157,208)
```
#7ba7d5
```
#7ba7d5 rgb(123,167,213)
```
#8ab1da
```
#8ab1da rgb(138,177,218)
```
#99bbde
```
#99bbde rgb(153,187,222)
```
#a8c5e3
```
#a8c5e3 rgb(168,197,227)
```
#b7cfe8
```
#b7cfe8 rgb(183,207,232)
```
#c6d9ed
```
#c6d9ed rgb(198,217,237)
```
#d5e3f1
```
#d5e3f1 rgb(213,227,241)
```
#e4edf6
```
#e4edf6 rgb(228,237,246)
```
#f2f7fb
```
#f2f7fb rgb(242,247,251)
```

Tint Color Variation

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

#7a8188
```
#7a8188 rgb(122,129,136)
```
#708092
```
#708092 rgb(112,128,146)
```
#67809b
```
#67809b rgb(103,128,155)
```
#5d80a5
```
#5d80a5 rgb(93,128,165)
```
#5380af
```
#5380af rgb(83,128,175)
```
#4a7fb8
```
#4a7fb8 rgb(74,127,184)
```
#407fc2
```
#407fc2 rgb(64,127,194)
```
#367fcc
```
#367fcc rgb(54,127,204)
```
#2d7ed5
```
#2d7ed5 rgb(45,126,213)
```
#237edf
```
#237edf rgb(35,126,223)
```
#197ee9
```
#197ee9 rgb(25,126,233)
```
#107ef2
```
#107ef2 rgb(16,126,242)
```
#067dfc
```
#067dfc rgb(6,125,252)
```

Tone Color Variation

Below, you can see how #407fc2 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
#6a7684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6980c1 Protanopia 1% of men
#5a83c6 Deuteranopia 1% of men
#228f99 Tritanopia 0.001% of the population

Trichromacy

#5a80c1 Protanomaly 1% of men, 0.01% of women
#5081c4 Deuteranomaly 6% of men, 0.4% of women
#2d89a8 Tritanomaly 0.01% of the population

#407fc2 hex color

#407fc2 Color Information

#407fc2 Color Conversion

Color Schemes with #407fc2

Alternatives to #407fc2

#407fc2 Preview

Shades and Tints of #407fc2

Tones of #407fc2

Color Blindness Simulator