#3c66f8 hex color

In a RGB color space, hex #3c66f8 is composed of 23.5% red, 40% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 75.8% cyan, 58.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 226.6 degrees, a saturation of 93.1% and a lightness of 60.4%. #3c66f8 color hex could be obtained by blending #78ccff with #0000f1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 40
- B 97
RGB color chart
- C 76
- M 59
- Y 0
- K 3
CMYK color chart

● #3c66f8 color description : Bright blue.

The hexadecimal color #3c66f8 has RGB values of R:60, G:102, B:248 and CMYK values of C:0.76, M:0.59, Y:0, K:0.03. Its decimal value is 3958520.

Hex triplet	3c66f8	`#3c66f8`
RGB Decimal	60, 102, 248	`rgb(60,102,248)`
RGB Percent	23.5, 40, 97.3	`rgb(23.5%,40%,97.3%)`
CMYK	76, 59, 0, 3
HSL	226.6°, 93.1, 60.4	`hsl(226.6,93.1%,60.4%)`
HSV (or HSB)	226.6°, 75.8, 97.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.56, 35.787, -77.002
XYZ	23.555, 17.239, 90.888
xyY	0.179, 0.131, 17.239
CIE-LCH	48.56, 84.912, 294.927
CIE-LUV	48.56, -17.687, -119.113
Hunter-Lab	41.52, 28.605, -100.723
Binary	00111100, 01100110, 11111000

#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#f8ce3c
```
#f8ce3c rgb(248,206,60)
```

Complementary Color

#3cc4f8
```
#3cc4f8 rgb(60,196,248)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#703cf8
```
#703cf8 rgb(112,60,248)
```

Analogous Color

#c4f83c
```
#c4f83c rgb(196,248,60)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#f8703c
```
#f8703c rgb(248,112,60)
```

Split Complementary Color

#66f83c
```
#66f83c rgb(102,248,60)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#f83c66
```
#f83c66 rgb(248,60,102)
```

Triadic Color

#3cf8ce
```
#3cf8ce rgb(60,248,206)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#f83c66
```
#f83c66 rgb(248,60,102)
```
#f8ce3c
```
#f8ce3c rgb(248,206,60)
```

Tetradic Color

#0838df
```
#0838df rgb(8,56,223)
```
#0b3ff6
```
#0b3ff6 rgb(11,63,246)
```
#2353f7
```
#2353f7 rgb(35,83,247)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#5579f9
```
#5579f9 rgb(85,121,249)
```
#6d8dfa
```
#6d8dfa rgb(109,141,250)
```
#86a0fb
```
#86a0fb rgb(134,160,251)
```

Monochromatic Color

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

#3c95f8
```
#3c95f8 rgb(60,149,248)
```
#3c85f8
```
#3c85f8 rgb(60,133,248)
```
#3c76f8
```
#3c76f8 rgb(60,118,248)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#3c56f8
```
#3c56f8 rgb(60,86,248)
```
#3c47f8
```
#3c47f8 rgb(60,71,248)
```
#413cf8
```
#413cf8 rgb(65,60,248)
```

Similar Colors

Text with hexadecimal color #3c66f8

This text has a font color of #3c66f8.

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

#3c66f8 background color

This paragraph has a background color of #3c66f8.

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

#3c66f8 border color

This element has a border color of #3c66f8.

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

CSS codes

.text {color:#3c66f8;}

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

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

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, #00030d is the darkest color, while #f9fbff is the lightest one.

#00030d
```
#00030d rgb(0,3,13)
```
#010820
```
#010820 rgb(1,8,32)
```
#020d33
```
#020d33 rgb(2,13,51)
```
#031246
```
#031246 rgb(3,18,70)
```
#031659
```
#031659 rgb(3,22,89)
```
#041b6c
```
#041b6c rgb(4,27,108)
```
#05207f
```
#05207f rgb(5,32,127)
```
#052592
```
#052592 rgb(5,37,146)
```
#0629a5
```
#0629a5 rgb(6,41,165)
```
#072eb8
```
#072eb8 rgb(7,46,184)
```
#0733cb
```
#0733cb rgb(7,51,203)
```
#0838de
```
#0838de rgb(8,56,222)
```
#093cf1
```
#093cf1 rgb(9,60,241)
```

Shade Color Variation

#1648f7
```
#1648f7 rgb(22,72,247)
```
#2957f7
```
#2957f7 rgb(41,87,247)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```
#4f75f9
```
#4f75f9 rgb(79,117,249)
```
#6284f9
```
#6284f9 rgb(98,132,249)
```
#7593fa
```
#7593fa rgb(117,147,250)
```
#88a1fb
```
#88a1fb rgb(136,161,251)
```
#9bb0fb
```
#9bb0fb rgb(155,176,251)
```
#aebffc
```
#aebffc rgb(174,191,252)
```
#c1cefd
```
#c1cefd rgb(193,206,253)
```
#d3ddfd
```
#d3ddfd rgb(211,221,253)
```
#e6ecfe
```
#e6ecfe rgb(230,236,254)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#999a9b
```
#999a9b rgb(153,154,155)
```
#9195a3
```
#9195a3 rgb(145,149,163)
```
#8a91aa
```
#8a91aa rgb(138,145,170)
```
#828db2
```
#828db2 rgb(130,141,178)
```
#7a88ba
```
#7a88ba rgb(122,136,186)
```
#7284c2
```
#7284c2 rgb(114,132,194)
```
#6b80c9
```
#6b80c9 rgb(107,128,201)
```
#637bd1
```
#637bd1 rgb(99,123,209)
```
#5b77d9
```
#5b77d9 rgb(91,119,217)
```
#5373e1
```
#5373e1 rgb(83,115,225)
```
#4c6fe8
```
#4c6fe8 rgb(76,111,232)
```
#446af0
```
#446af0 rgb(68,106,240)
```
#3c66f8
```
#3c66f8 rgb(60,102,248)
```

Tone Color Variation

Below, you can see how #3c66f8 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
#616986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1570ee Protanomaly 1% of men, 0.01% of women
#1574db Deuteranomaly 6% of men, 0.4% of women
#157ab4 Tritanomaly 0.01% of the population

#3c66f8 hex color

#3c66f8 Color Information

#3c66f8 Color Conversion

Color Schemes with #3c66f8

Alternatives to #3c66f8

#3c66f8 Preview

Shades and Tints of #3c66f8

Tones of #3c66f8

Color Blindness Simulator