#3ca6f7 hex color

In a RGB color space, hex #3ca6f7 is composed of 23.5% red, 65.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 32.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 206 degrees, a saturation of 92.1% and a lightness of 60.2%. #3ca6f7 color hex could be obtained by blending #78ffff with #004def. Closest websafe color is: #3399ff.

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

● #3ca6f7 color description : Bright blue.

The hexadecimal color #3ca6f7 has RGB values of R:60, G:166, B:247 and CMYK values of C:0.76, M:0.33, Y:0, K:0.03. Its decimal value is 3974903.

Hex triplet	3ca6f7	`#3ca6f7`
RGB Decimal	60, 166, 247	`rgb(60,166,247)`
RGB Percent	23.5, 65.1, 96.9	`rgb(23.5%,65.1%,96.9%)`
CMYK	76, 33, 0, 3
HSL	206°, 92.1, 60.2	`hsl(206,92.1%,60.2%)`
HSV (or HSB)	206°, 75.7, 96.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.706, -3.321, -48.91
XYZ	32.284, 34.946, 93.034
xyY	0.201, 0.218, 34.946
CIE-LCH	65.706, 49.023, 266.116
CIE-LUV	65.706, -36.979, -78.528
Hunter-Lab	59.115, -5.968, -51.929
Binary	00111100, 10100110, 11110111

#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#f78d3c
```
#f78d3c rgb(247,141,60)
```

Complementary Color

#3cf7eb
```
#3cf7eb rgb(60,247,235)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#3c49f7
```
#3c49f7 rgb(60,73,247)
```

Analogous Color

#f7eb3c
```
#f7eb3c rgb(247,235,60)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#f73c48
```
#f73c48 rgb(247,60,72)
```

Split Complementary Color

#a6f73c
```
#a6f73c rgb(166,247,60)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#f73ca6
```
#f73ca6 rgb(247,60,166)
```

Triadic Color

#3cf78d
```
#3cf78d rgb(60,247,141)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#f73ca6
```
#f73ca6 rgb(247,60,166)
```
#f78d3c
```
#f78d3c rgb(247,141,60)
```

Tetradic Color

#0981dd
```
#0981dd rgb(9,129,221)
```
#0b90f5
```
#0b90f5 rgb(11,144,245)
```
#249bf6
```
#249bf6 rgb(36,155,246)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#54b1f8
```
#54b1f8 rgb(84,177,248)
```
#6dbcf9
```
#6dbcf9 rgb(109,188,249)
```
#85c8fa
```
#85c8fa rgb(133,200,250)
```

Monochromatic Color

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

#3cd5f7
```
#3cd5f7 rgb(60,213,247)
```
#3cc5f7
```
#3cc5f7 rgb(60,197,247)
```
#3cb6f7
```
#3cb6f7 rgb(60,182,247)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#3c96f7
```
#3c96f7 rgb(60,150,247)
```
#3c87f7
```
#3c87f7 rgb(60,135,247)
```
#3c77f7
```
#3c77f7 rgb(60,119,247)
```

Similar Colors

Text with hexadecimal color #3ca6f7

This text has a font color of #3ca6f7.

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

#3ca6f7 background color

This paragraph has a background color of #3ca6f7.

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

#3ca6f7 border color

This element has a border color of #3ca6f7.

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

CSS codes

.text {color:#3ca6f7;}

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

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

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

#01070c
```
#01070c rgb(1,7,12)
```
#01121f
```
#01121f rgb(1,18,31)
```
#021d32
```
#021d32 rgb(2,29,50)
```
#032845
```
#032845 rgb(3,40,69)
```
#043358
```
#043358 rgb(4,51,88)
```
#043e6a
```
#043e6a rgb(4,62,106)
```
#05497d
```
#05497d rgb(5,73,125)
```
#065490
```
#065490 rgb(6,84,144)
```
#075fa3
```
#075fa3 rgb(7,95,163)
```
#076ab6
```
#076ab6 rgb(7,106,182)
```
#0875c9
```
#0875c9 rgb(8,117,201)
```
#0980dc
```
#0980dc rgb(9,128,220)
```
#0a8bee
```
#0a8bee rgb(10,139,238)
```

Shade Color Variation

#1695f5
```
#1695f5 rgb(22,149,245)
```
#299df6
```
#299df6 rgb(41,157,246)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#4faff8
```
#4faff8 rgb(79,175,248)
```
#62b7f9
```
#62b7f9 rgb(98,183,249)
```
#75c0f9
```
#75c0f9 rgb(117,192,249)
```
#87c8fa
```
#87c8fa rgb(135,200,250)
```
#9ad1fb
```
#9ad1fb rgb(154,209,251)
```
#addafc
```
#addafc rgb(173,218,252)
```
#c0e2fc
```
#c0e2fc rgb(192,226,252)
```
#d3ebfd
```
#d3ebfd rgb(211,235,253)
```
#e6f3fe
```
#e6f3fe rgb(230,243,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929ba1 is the less saturated color, while #34a7ff is the most saturated one.

#929ba1
```
#929ba1 rgb(146,155,161)
```
#8a9ca9
```
#8a9ca9 rgb(138,156,169)
```
#829db1
```
#829db1 rgb(130,157,177)
```
#7a9eb9
```
#7a9eb9 rgb(122,158,185)
```
#739fc0
```
#739fc0 rgb(115,159,192)
```
#6ba0c8
```
#6ba0c8 rgb(107,160,200)
```
#63a1d0
```
#63a1d0 rgb(99,161,208)
```
#5ba2d8
```
#5ba2d8 rgb(91,162,216)
```
#53a3e0
```
#53a3e0 rgb(83,163,224)
```
#4ca4e7
```
#4ca4e7 rgb(76,164,231)
```
#44a5ef
```
#44a5ef rgb(68,165,239)
```
#3ca6f7
```
#3ca6f7 rgb(60,166,247)
```
#34a7ff
```
#34a7ff rgb(52,167,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7f94a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a1f0 Protanopia 1% of men
#70a4f9 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#6ba3f3 Protanomaly 1% of men, 0.01% of women
#5da5f8 Deuteranomaly 6% of men, 0.4% of women
#15afd4 Tritanomaly 0.01% of the population

#3ca6f7 hex color

#3ca6f7 Color Information

#3ca6f7 Color Conversion

Color Schemes with #3ca6f7

Alternatives to #3ca6f7

#3ca6f7 Preview

Shades and Tints of #3ca6f7

Tones of #3ca6f7

Color Blindness Simulator