#3ca1fd hex color

In a RGB color space, hex #3ca1fd is composed of 23.5% red, 63.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 36.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 208.6 degrees, a saturation of 98% and a lightness of 61.4%. #3ca1fd color hex could be obtained by blending #78ffff with #0043fb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 24
- G 63
- B 99
RGB color chart
- C 76
- M 36
- Y 0
- K 1
CMYK color chart

● #3ca1fd color description : Bright blue.

The hexadecimal color #3ca1fd has RGB values of R:60, G:161, B:253 and CMYK values of C:0.76, M:0.36, Y:0, K:0.01. Its decimal value is 3973629.

Hex triplet	3ca1fd	`#3ca1fd`
RGB Decimal	60, 161, 253	`rgb(60,161,253)`
RGB Percent	23.5, 63.1, 99.2	`rgb(23.5%,63.1%,99.2%)`
CMYK	76, 36, 0, 1
HSL	208.6°, 98, 61.4	`hsl(208.6,98%,61.4%)`
HSV (or HSB)	208.6°, 76.3, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.595, 1.647, -53.942
XYZ	32.334, 33.54, 97.693
xyY	0.198, 0.205, 33.54
CIE-LCH	64.595, 53.967, 271.748
CIE-LUV	64.595, -35.045, -87.332
Hunter-Lab	57.913, -1.69, -59.476
Binary	00111100, 10100001, 11111101

#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#fd983c
```
#fd983c rgb(253,152,60)
```

Complementary Color

#3cfdf9
```
#3cfdf9 rgb(60,253,249)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#3c41fd
```
#3c41fd rgb(60,65,253)
```

Analogous Color

#fdf93c
```
#fdf93c rgb(253,249,60)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#fd3c40
```
#fd3c40 rgb(253,60,64)
```

Split Complementary Color

#a1fd3c
```
#a1fd3c rgb(161,253,60)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#fd3ca1
```
#fd3ca1 rgb(253,60,161)
```

Triadic Color

#3cfd98
```
#3cfd98 rgb(60,253,152)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#fd3ca1
```
#fd3ca1 rgb(253,60,161)
```
#fd983c
```
#fd983c rgb(253,152,60)
```

Tetradic Color

#027cea
```
#027cea rgb(2,124,234)
```
#0a89fc
```
#0a89fc rgb(10,137,252)
```
#2395fd
```
#2395fd rgb(35,149,253)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#55adfd
```
#55adfd rgb(85,173,253)
```
#6eb9fe
```
#6eb9fe rgb(110,185,254)
```
#88c6fe
```
#88c6fe rgb(136,198,254)
```

Monochromatic Color

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

#3cd1fd
```
#3cd1fd rgb(60,209,253)
```
#3cc1fd
```
#3cc1fd rgb(60,193,253)
```
#3cb1fd
```
#3cb1fd rgb(60,177,253)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#3c91fd
```
#3c91fd rgb(60,145,253)
```
#3c81fd
```
#3c81fd rgb(60,129,253)
```
#3c71fd
```
#3c71fd rgb(60,113,253)
```

Similar Colors

Text with hexadecimal color #3ca1fd

This text has a font color of #3ca1fd.

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

#3ca1fd background color

This paragraph has a background color of #3ca1fd.

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

#3ca1fd border color

This element has a border color of #3ca1fd.

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

CSS codes

.text {color:#3ca1fd;}

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

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

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, #000a13 is the darkest color, while #feffff is the lightest one.

#000a13
```
#000a13 rgb(0,10,19)
```
#001426
```
#001426 rgb(0,20,38)
```
#011e39
```
#011e39 rgb(1,30,57)
```
#01294d
```
#01294d rgb(1,41,77)
```
#013360
```
#013360 rgb(1,51,96)
```
#013d74
```
#013d74 rgb(1,61,116)
```
#014787
```
#014787 rgb(1,71,135)
```
#02529a
```
#02529a rgb(2,82,154)
```
#025cae
```
#025cae rgb(2,92,174)
```
#0266c1
```
#0266c1 rgb(2,102,193)
```
#0270d5
```
#0270d5 rgb(2,112,213)
```
#027be8
```
#027be8 rgb(2,123,232)
```
#0385fc
```
#0385fc rgb(3,133,252)
```

Shade Color Variation

#158efd
```
#158efd rgb(21,142,253)
```
#2998fd
```
#2998fd rgb(41,152,253)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```
#4faafd
```
#4faafd rgb(79,170,253)
```
#63b4fd
```
#63b4fd rgb(99,180,253)
```
#76bdfe
```
#76bdfe rgb(118,189,254)
```
#8ac6fe
```
#8ac6fe rgb(138,198,254)
```
#9dd0fe
```
#9dd0fe rgb(157,208,254)
```
#b0d9fe
```
#b0d9fe rgb(176,217,254)
```
#c4e3fe
```
#c4e3fe rgb(196,227,254)
```
#d7ecff
```
#d7ecff rgb(215,236,255)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#979da2
```
#979da2 rgb(151,157,162)
```
#8f9daa
```
#8f9daa rgb(143,157,170)
```
#889db1
```
#889db1 rgb(136,157,177)
```
#809eb9
```
#809eb9 rgb(128,158,185)
```
#799ec0
```
#799ec0 rgb(121,158,192)
```
#719fc8
```
#719fc8 rgb(113,159,200)
```
#699fd0
```
#699fd0 rgb(105,159,208)
```
#629fd7
```
#629fd7 rgb(98,159,215)
```
#5aa0df
```
#5aa0df rgb(90,160,223)
```
#53a0e6
```
#53a0e6 rgb(83,160,230)
```
#4ba0ee
```
#4ba0ee rgb(75,160,238)
```
#44a1f5
```
#44a1f5 rgb(68,161,245)
```
#3ca1fd
```
#3ca1fd rgb(60,161,253)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7d91a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9ef7 Protanopia 1% of men
#5fa2fe Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#659ff9 Protanomaly 1% of men, 0.01% of women
#52a2fd Deuteranomaly 6% of men, 0.4% of women
#15abd4 Tritanomaly 0.01% of the population

#3ca1fd hex color

#3ca1fd Color Information

#3ca1fd Color Conversion

Color Schemes with #3ca1fd

Alternatives to #3ca1fd

#3ca1fd Preview

Shades and Tints of #3ca1fd

Tones of #3ca1fd

Color Blindness Simulator