#3f66f4 hex color

In a RGB color space, hex #3f66f4 is composed of 24.7% red, 40% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 58.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 227.1 degrees, a saturation of 89.2% and a lightness of 60.2%. #3f66f4 color hex could be obtained by blending #7eccff with #0000e9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 40
- B 96
RGB color chart
- C 74
- M 58
- Y 0
- K 4
CMYK color chart

● #3f66f4 color description : Bright blue.

The hexadecimal color #3f66f4 has RGB values of R:63, G:102, B:244 and CMYK values of C:0.74, M:0.58, Y:0, K:0.04. Its decimal value is 4155124.

Hex triplet	3f66f4	`#3f66f4`
RGB Decimal	63, 102, 244	`rgb(63,102,244)`
RGB Percent	24.7, 40, 95.7	`rgb(24.7%,40%,95.7%)`
CMYK	74, 58, 0, 4
HSL	227.1°, 89.2, 60.2	`hsl(227.1,89.2%,60.2%)`
HSV (or HSB)	227.1°, 74.2, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.373, 34.682, -75.071
XYZ	23.127, 17.09, 87.663
xyY	0.181, 0.134, 17.09
CIE-LCH	48.373, 82.695, 294.796
CIE-LUV	48.373, -17.171, -116.211
Hunter-Lab	41.34, 27.516, -96.79
Binary	00111111, 01100110, 11110100

#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#f4cd3f
```
#f4cd3f rgb(244,205,63)
```

Complementary Color

#3fc1f4
```
#3fc1f4 rgb(63,193,244)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#733ff4
```
#733ff4 rgb(115,63,244)
```

Analogous Color

#c1f43f
```
#c1f43f rgb(193,244,63)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#f4733f
```
#f4733f rgb(244,115,63)
```

Split Complementary Color

#66f43f
```
#66f43f rgb(102,244,63)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#f43f66
```
#f43f66 rgb(244,63,102)
```

Triadic Color

#3ff4cd
```
#3ff4cd rgb(63,244,205)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#f43f66
```
#f43f66 rgb(244,63,102)
```
#f4cd3f
```
#f4cd3f rgb(244,205,63)
```

Tetradic Color

#0c39da
```
#0c39da rgb(12,57,218)
```
#0f40f1
```
#0f40f1 rgb(15,64,241)
```
#2753f3
```
#2753f3 rgb(39,83,243)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#5779f5
```
#5779f5 rgb(87,121,245)
```
#6f8cf7
```
#6f8cf7 rgb(111,140,247)
```
#87a0f8
```
#87a0f8 rgb(135,160,248)
```

Monochromatic Color

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

#3f93f4
```
#3f93f4 rgb(63,147,244)
```
#3f84f4
```
#3f84f4 rgb(63,132,244)
```
#3f75f4
```
#3f75f4 rgb(63,117,244)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#3f57f4
```
#3f57f4 rgb(63,87,244)
```
#3f48f4
```
#3f48f4 rgb(63,72,244)
```
#453ff4
```
#453ff4 rgb(69,63,244)
```

Similar Colors

Text with hexadecimal color #3f66f4

This text has a font color of #3f66f4.

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

#3f66f4 background color

This paragraph has a background color of #3f66f4.

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

#3f66f4 border color

This element has a border color of #3f66f4.

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

CSS codes

.text {color:#3f66f4;}

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

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

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, #01030c is the darkest color, while #f9faff is the lightest one.

#01030c
```
#01030c rgb(1,3,12)
```
#02081f
```
#02081f rgb(2,8,31)
```
#030d31
```
#030d31 rgb(3,13,49)
```
#041244
```
#041244 rgb(4,18,68)
```
#051656
```
#051656 rgb(5,22,86)
```
#061b69
```
#061b69 rgb(6,27,105)
```
#07207b
```
#07207b rgb(7,32,123)
```
#08258e
```
#08258e rgb(8,37,142)
```
#092aa0
```
#092aa0 rgb(9,42,160)
```
#0a2fb3
```
#0a2fb3 rgb(10,47,179)
```
#0b33c6
```
#0b33c6 rgb(11,51,198)
```
#0c38d8
```
#0c38d8 rgb(12,56,216)
```
#0d3deb
```
#0d3deb rgb(13,61,235)
```

Shade Color Variation

#1a48f2
```
#1a48f2 rgb(26,72,242)
```
#2c57f3
```
#2c57f3 rgb(44,87,243)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#5275f5
```
#5275f5 rgb(82,117,245)
```
#6484f6
```
#6484f6 rgb(100,132,246)
```
#7792f7
```
#7792f7 rgb(119,146,247)
```
#89a1f8
```
#89a1f8 rgb(137,161,248)
```
#9cb0f9
```
#9cb0f9 rgb(156,176,249)
```
#aebffa
```
#aebffa rgb(174,191,250)
```
#c1cdfb
```
#c1cdfb rgb(193,205,251)
```
#d3dcfd
```
#d3dcfd rgb(211,220,253)
```
#e6ebfe
```
#e6ebfe rgb(230,235,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95979e is the less saturated color, while #3762fc is the most saturated one.

#95979e
```
#95979e rgb(149,151,158)
```
#8d92a6
```
#8d92a6 rgb(141,146,166)
```
#858eae
```
#858eae rgb(133,142,174)
```
#7d8ab6
```
#7d8ab6 rgb(125,138,182)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#6e81c5
```
#6e81c5 rgb(110,129,197)
```
#667ccd
```
#667ccd rgb(102,124,205)
```
#5e78d5
```
#5e78d5 rgb(94,120,213)
```
#5673dd
```
#5673dd rgb(86,115,221)
```
#4f6fe4
```
#4f6fe4 rgb(79,111,228)
```
#476aec
```
#476aec rgb(71,106,236)
```
#3f66f4
```
#3f66f4 rgb(63,102,244)
```
#3762fc
```
#3762fc rgb(55,98,252)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#626a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dca Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1670ec Protanomaly 1% of men, 0.01% of women
#1674d9 Deuteranomaly 6% of men, 0.4% of women
#167ab3 Tritanomaly 0.01% of the population

#3f66f4 hex color

#3f66f4 Color Information

#3f66f4 Color Conversion

Color Schemes with #3f66f4

Alternatives to #3f66f4

#3f66f4 Preview

Shades and Tints of #3f66f4

Tones of #3f66f4

Color Blindness Simulator