#3f66ed hex color

In a RGB color space, hex #3f66ed is composed of 24.7% red, 40% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 57% magenta, 0% yellow and 7.1% black. It has a hue angle of 226.6 degrees, a saturation of 82.9% and a lightness of 58.8%. #3f66ed color hex could be obtained by blending #7eccff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 40
- B 93
RGB color chart
- C 73
- M 57
- Y 0
- K 7
CMYK color chart

● #3f66ed color description : Bright blue.

The hexadecimal color #3f66ed has RGB values of R:63, G:102, B:237 and CMYK values of C:0.73, M:0.57, Y:0, K:0.07. Its decimal value is 4155117.

Hex triplet	3f66ed	`#3f66ed`
RGB Decimal	63, 102, 237	`rgb(63,102,237)`
RGB Percent	24.7, 40, 92.9	`rgb(24.7%,40%,92.9%)`
CMYK	73, 57, 0, 7
HSL	226.6°, 82.9, 58.8	`hsl(226.6,82.9%,58.8%)`
HSV (or HSB)	226.6°, 73.4, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.845, 32.194, -72.011
XYZ	22.084, 16.672, 82.17
xyY	0.183, 0.138, 16.672
CIE-LCH	47.845, 78.88, 294.088
CIE-LUV	47.845, -17.123, -111.36
Hunter-Lab	40.832, 25.087, -90.733
Binary	00111111, 01100110, 11101101

#3f66ed
```
#3f66ed rgb(63,102,237)
```
#edc63f
```
#edc63f rgb(237,198,63)
```

Complementary Color

#3fbded
```
#3fbded rgb(63,189,237)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#6f3fed
```
#6f3fed rgb(111,63,237)
```

Analogous Color

#bded3f
```
#bded3f rgb(189,237,63)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#ed6f3f
```
#ed6f3f rgb(237,111,63)
```

Split Complementary Color

#66ed3f
```
#66ed3f rgb(102,237,63)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#ed3f66
```
#ed3f66 rgb(237,63,102)
```

Triadic Color

#3fedc6
```
#3fedc6 rgb(63,237,198)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#ed3f66
```
#ed3f66 rgb(237,63,102)
```
#edc63f
```
#edc63f rgb(237,198,63)
```

Tetradic Color

#133dcc
```
#133dcc rgb(19,61,204)
```
#1544e4
```
#1544e4 rgb(21,68,228)
```
#2853eb
```
#2853eb rgb(40,83,235)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#5679ef
```
#5679ef rgb(86,121,239)
```
#6e8bf1
```
#6e8bf1 rgb(110,139,241)
```
#859ef4
```
#859ef4 rgb(133,158,244)
```

Monochromatic Color

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

#3f92ed
```
#3f92ed rgb(63,146,237)
```
#3f83ed
```
#3f83ed rgb(63,131,237)
```
#3f75ed
```
#3f75ed rgb(63,117,237)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#3f58ed
```
#3f58ed rgb(63,88,237)
```
#3f49ed
```
#3f49ed rgb(63,73,237)
```
#433fed
```
#433fed rgb(67,63,237)
```

Similar Colors

Text with hexadecimal color #3f66ed

This text has a font color of #3f66ed.

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

#3f66ed background color

This paragraph has a background color of #3f66ed.

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

#3f66ed border color

This element has a border color of #3f66ed.

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

CSS codes

.text {color:#3f66ed;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020717
```
#020717 rgb(2,7,23)
```
#040c29
```
#040c29 rgb(4,12,41)
```
#06123b
```
#06123b rgb(6,18,59)
```
#07174d
```
#07174d rgb(7,23,77)
```
#091c5f
```
#091c5f rgb(9,28,95)
```
#0b2271
```
#0b2271 rgb(11,34,113)
```
#0c2783
```
#0c2783 rgb(12,39,131)
```
#0e2c95
```
#0e2c95 rgb(14,44,149)
```
#1031a7
```
#1031a7 rgb(16,49,167)
```
#1137b9
```
#1137b9 rgb(17,55,185)
```
#133ccb
```
#133ccb rgb(19,60,203)
```
#1541dc
```
#1541dc rgb(21,65,220)
```

Shade Color Variation

#1b49ea
```
#1b49ea rgb(27,73,234)
```
#2d58eb
```
#2d58eb rgb(45,88,235)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#5174ef
```
#5174ef rgb(81,116,239)
```
#6383f0
```
#6383f0 rgb(99,131,240)
```
#7591f2
```
#7591f2 rgb(117,145,242)
```
#879ff4
```
#879ff4 rgb(135,159,244)
```
#99adf5
```
#99adf5 rgb(153,173,245)
```
#abbcf7
```
#abbcf7 rgb(171,188,247)
```
#bdcaf9
```
#bdcaf9 rgb(189,202,249)
```
#ced8fa
```
#ced8fa rgb(206,216,250)
```
#e0e7fc
```
#e0e7fc rgb(224,231,252)
```
#f2f5fe
```
#f2f5fe rgb(242,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90939c is the less saturated color, while #2f5dfd is the most saturated one.

#90939c
```
#90939c rgb(144,147,156)
```
#888ea4
```
#888ea4 rgb(136,142,164)
```
#808aac
```
#808aac rgb(128,138,172)
```
#7885b4
```
#7885b4 rgb(120,133,180)
```
#6f81bd
```
#6f81bd rgb(111,129,189)
```
#677cc5
```
#677cc5 rgb(103,124,197)
```
#5f78cd
```
#5f78cd rgb(95,120,205)
```
#5773d5
```
#5773d5 rgb(87,115,213)
```
#4f6fdd
```
#4f6fdd rgb(79,111,221)
```
#476ae5
```
#476ae5 rgb(71,106,229)
```
#3f66ed
```
#3f66ed rgb(63,102,237)
```
#3762f5
```
#3762f5 rgb(55,98,245)
```
#2f5dfd
```
#2f5dfd rgb(47,93,253)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#616984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#166fe8 Protanomaly 1% of men, 0.01% of women
#1673d6 Deuteranomaly 6% of men, 0.4% of women
#1679af Tritanomaly 0.01% of the population

#3f66ed hex color

#3f66ed Color Information

#3f66ed Color Conversion

Color Schemes with #3f66ed

Alternatives to #3f66ed

#3f66ed Preview

Shades and Tints of #3f66ed

Tones of #3f66ed

Color Blindness Simulator