#3f6cff hex color

In a RGB color space, hex #3f6cff is composed of 24.7% red, 42.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 57.6% magenta, 0% yellow and 0% black. It has a hue angle of 225.9 degrees, a saturation of 100% and a lightness of 62.4%. #3f6cff color hex could be obtained by blending #7ed8ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 42
- B 100
RGB color chart
- C 75
- M 58
- Y 0
- K 0
CMYK color chart

● #3f6cff color description : Light blue.

The hexadecimal color #3f6cff has RGB values of R:63, G:108, B:255 and CMYK values of C:0.75, M:0.58, Y:0, K:0. Its decimal value is 4156671.

Hex triplet	3f6cff	`#3f6cff`
RGB Decimal	63, 108, 255	`rgb(63,108,255)`
RGB Percent	24.7, 42.4, 100	`rgb(24.7%,42.4%,100%)`
CMYK	75, 58, 0, 0
HSL	225.9°, 100, 62.4	`hsl(225.9,100%,62.4%)`
HSV (or HSB)	225.9°, 75.3, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.687, 34.861, -77.416
XYZ	25.459, 19, 96.928
xyY	0.18, 0.134, 19
CIE-LCH	50.687, 84.904, 294.242
CIE-LUV	50.687, -18.758, -121.194
Hunter-Lab	43.589, 27.974, -101.329
Binary	00111111, 01101100, 11111111

#3f6cff
```
#3f6cff rgb(63,108,255)
```
#ffd23f
```
#ffd23f rgb(255,210,63)
```

Complementary Color

#3fccff
```
#3fccff rgb(63,204,255)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#723fff
```
#723fff rgb(114,63,255)
```

Analogous Color

#ccff3f
```
#ccff3f rgb(204,255,63)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#ff723f
```
#ff723f rgb(255,114,63)
```

Split Complementary Color

#6cff3f
```
#6cff3f rgb(108,255,63)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#ff3f6c
```
#ff3f6c rgb(255,63,108)
```

Triadic Color

#3fffd2
```
#3fffd2 rgb(63,255,210)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#ff3f6c
```
#ff3f6c rgb(255,63,108)
```
#ffd23f
```
#ffd23f rgb(255,210,63)
```

Tetradic Color

#0039f2
```
#0039f2 rgb(0,57,242)
```
#0c45ff
```
#0c45ff rgb(12,69,255)
```
#2658ff
```
#2658ff rgb(38,88,255)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#5980ff
```
#5980ff rgb(89,128,255)
```
#7293ff
```
#7293ff rgb(114,147,255)
```
#8ca7ff
```
#8ca7ff rgb(140,167,255)
```

Monochromatic Color

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

#3f9cff
```
#3f9cff rgb(63,156,255)
```
#3f8cff
```
#3f8cff rgb(63,140,255)
```
#3f7cff
```
#3f7cff rgb(63,124,255)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#3f5cff
```
#3f5cff rgb(63,92,255)
```
#3f4cff
```
#3f4cff rgb(63,76,255)
```
#423fff
```
#423fff rgb(66,63,255)
```

Similar Colors

Text with hexadecimal color #3f6cff

This text has a font color of #3f6cff.

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

#3f6cff background color

This paragraph has a background color of #3f6cff.

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

#3f6cff border color

This element has a border color of #3f6cff.

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

CSS codes

.text {color:#3f6cff;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000618
```
#000618 rgb(0,6,24)
```
#000a2b
```
#000a2b rgb(0,10,43)
```
#000f3f
```
#000f3f rgb(0,15,63)
```
#001353
```
#001353 rgb(0,19,83)
```
#001866
```
#001866 rgb(0,24,102)
```
#001d7a
```
#001d7a rgb(0,29,122)
```
#00218d
```
#00218d rgb(0,33,141)
```
#0026a1
```
#0026a1 rgb(0,38,161)
```
#002ab5
```
#002ab5 rgb(0,42,181)
```
#002fc8
```
#002fc8 rgb(0,47,200)
```
#0034dc
```
#0034dc rgb(0,52,220)
```
#0038f0
```
#0038f0 rgb(0,56,240)
```

Shade Color Variation

#043fff
```
#043fff rgb(4,63,255)
```
#184eff
```
#184eff rgb(24,78,255)
```
#2b5dff
```
#2b5dff rgb(43,93,255)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```
#537bff
```
#537bff rgb(83,123,255)
```
#668aff
```
#668aff rgb(102,138,255)
```
#7a99ff
```
#7a99ff rgb(122,153,255)
```
#8da8ff
```
#8da8ff rgb(141,168,255)
```
#a1b7ff
```
#a1b7ff rgb(161,183,255)
```
#b5c6ff
```
#b5c6ff rgb(181,198,255)
```
#c8d5ff
```
#c8d5ff rgb(200,213,255)
```
#dce4ff
```
#dce4ff rgb(220,228,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ba6 is the less saturated color, while #3f6cff is the most saturated one.

#989ba6
```
#989ba6 rgb(152,155,166)
```
#9097ae
```
#9097ae rgb(144,151,174)
```
#8993b5
```
#8993b5 rgb(137,147,181)
```
#818fbd
```
#818fbd rgb(129,143,189)
```
#7a8bc4
```
#7a8bc4 rgb(122,139,196)
```
#7387cb
```
#7387cb rgb(115,135,203)
```
#6b84d3
```
#6b84d3 rgb(107,132,211)
```
#6480da
```
#6480da rgb(100,128,218)
```
#5d7ce1
```
#5d7ce1 rgb(93,124,225)
```
#5578e9
```
#5578e9 rgb(85,120,233)
```
#4e74f0
```
#4e74f0 rgb(78,116,240)
```
#4670f8
```
#4670f8 rgb(70,112,248)
```
#3f6cff
```
#3f6cff rgb(63,108,255)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#656e8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d3 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#1676f6 Protanomaly 1% of men, 0.01% of women
#167ae3 Deuteranomaly 6% of men, 0.4% of women
#1680bb Tritanomaly 0.01% of the population

#3f6cff hex color

#3f6cff Color Information

#3f6cff Color Conversion

Color Schemes with #3f6cff

Alternatives to #3f6cff

#3f6cff Preview

Shades and Tints of #3f6cff

Tones of #3f6cff

Color Blindness Simulator