#3c81ff hex color

In a RGB color space, hex #3c81ff is composed of 23.5% red, 50.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 49.4% magenta, 0% yellow and 0% black. It has a hue angle of 218.8 degrees, a saturation of 100% and a lightness of 61.8%. #3c81ff color hex could be obtained by blending #78ffff with #0003ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 24
- G 51
- B 100
RGB color chart
- C 76
- M 49
- Y 0
- K 0
CMYK color chart

● #3c81ff color description : Light blue.

The hexadecimal color #3c81ff has RGB values of R:60, G:129, B:255 and CMYK values of C:0.76, M:0.49, Y:0, K:0. Its decimal value is 3965439.

Hex triplet	3c81ff	`#3c81ff`
RGB Decimal	60, 129, 255	`rgb(60,129,255)`
RGB Percent	23.5, 50.6, 100	`rgb(23.5%,50.6%,100%)`
CMYK	76, 49, 0, 0
HSL	218.8°, 100, 61.8	`hsl(218.8,100%,61.8%)`
HSV (or HSB)	218.8°, 76.5, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.967, 21.538, -68.856
XYZ	27.76, 23.879, 97.748
xyY	0.186, 0.16, 23.879
CIE-LCH	55.967, 72.146, 287.37
CIE-LUV	55.967, -24.994, -110.527
Hunter-Lab	48.866, 15.886, -84.393
Binary	00111100, 10000001, 11111111

#3c81ff
```
#3c81ff rgb(60,129,255)
```
#ffba3c
```
#ffba3c rgb(255,186,60)
```

Complementary Color

#3ce3ff
```
#3ce3ff rgb(60,227,255)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#583cff
```
#583cff rgb(88,60,255)
```

Analogous Color

#e3ff3c
```
#e3ff3c rgb(227,255,60)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#ff583c
```
#ff583c rgb(255,88,60)
```

Split Complementary Color

#81ff3c
```
#81ff3c rgb(129,255,60)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#ff3c81
```
#ff3c81 rgb(255,60,129)
```

Triadic Color

#3cffba
```
#3cffba rgb(60,255,186)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#ff3c81
```
#ff3c81 rgb(255,60,129)
```
#ffba3c
```
#ffba3c rgb(255,186,60)
```

Tetradic Color

#0054ef
```
#0054ef rgb(0,84,239)
```
#0960ff
```
#0960ff rgb(9,96,255)
```
#2371ff
```
#2371ff rgb(35,113,255)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#5691ff
```
#5691ff rgb(86,145,255)
```
#6fa2ff
```
#6fa2ff rgb(111,162,255)
```
#89b2ff
```
#89b2ff rgb(137,178,255)
```

Monochromatic Color

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

#3cb2ff
```
#3cb2ff rgb(60,178,255)
```
#3ca2ff
```
#3ca2ff rgb(60,162,255)
```
#3c91ff
```
#3c91ff rgb(60,145,255)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#3c71ff
```
#3c71ff rgb(60,113,255)
```
#3c61ff
```
#3c61ff rgb(60,97,255)
```
#3c50ff
```
#3c50ff rgb(60,80,255)
```

Similar Colors

Text with hexadecimal color #3c81ff

This text has a font color of #3c81ff.

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

#3c81ff background color

This paragraph has a background color of #3c81ff.

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

#3c81ff border color

This element has a border color of #3c81ff.

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

CSS codes

.text {color:#3c81ff;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000715
```
#000715 rgb(0,7,21)
```
#000e28
```
#000e28 rgb(0,14,40)
```
#00153c
```
#00153c rgb(0,21,60)
```
#001c50
```
#001c50 rgb(0,28,80)
```
#002363
```
#002363 rgb(0,35,99)
```
#002a77
```
#002a77 rgb(0,42,119)
```
#00318a
```
#00318a rgb(0,49,138)
```
#00389e
```
#00389e rgb(0,56,158)
```
#003fb2
```
#003fb2 rgb(0,63,178)
```
#0046c5
```
#0046c5 rgb(0,70,197)
```
#004dd9
```
#004dd9 rgb(0,77,217)
```
#0054ed
```
#0054ed rgb(0,84,237)
```

Shade Color Variation

#015bff
```
#015bff rgb(1,91,255)
```
#1568ff
```
#1568ff rgb(21,104,255)
```
#2874ff
```
#2874ff rgb(40,116,255)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```
#508eff
```
#508eff rgb(80,142,255)
```
#639aff
```
#639aff rgb(99,154,255)
```
#77a7ff
```
#77a7ff rgb(119,167,255)
```
#8ab4ff
```
#8ab4ff rgb(138,180,255)
```
#9ec0ff
```
#9ec0ff rgb(158,192,255)
```
#b2cdff
```
#b2cdff rgb(178,205,255)
```
#c5daff
```
#c5daff rgb(197,218,255)
```
#d9e6ff
```
#d9e6ff rgb(217,230,255)
```
#edf3ff
```
#edf3ff rgb(237,243,255)
```

Tint Color Variation

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

#969ba5
```
#969ba5 rgb(150,155,165)
```
#8f99ad
```
#8f99ad rgb(143,153,173)
```
#8797b4
```
#8797b4 rgb(135,151,180)
```
#8095bc
```
#8095bc rgb(128,149,188)
```
#7893c3
```
#7893c3 rgb(120,147,195)
```
#7190cb
```
#7190cb rgb(113,144,203)
```
#698ed2
```
#698ed2 rgb(105,142,210)
```
#628cda
```
#628cda rgb(98,140,218)
```
#5a8ae1
```
#5a8ae1 rgb(90,138,225)
```
#5388e9
```
#5388e9 rgb(83,136,233)
```
#4b85f0
```
#4b85f0 rgb(75,133,240)
```
#4483f8
```
#4483f8 rgb(68,131,248)
```
#3c81ff
```
#3c81ff rgb(60,129,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6e7c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d88ff Protanopia 1% of men
#008feb Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#3d85ff Protanomaly 1% of men, 0.01% of women
#158af2 Deuteranomaly 6% of men, 0.4% of women
#1591c4 Tritanomaly 0.01% of the population

#3c81ff hex color

#3c81ff Color Information

#3c81ff Color Conversion

Color Schemes with #3c81ff

Alternatives to #3c81ff

#3c81ff Preview

Shades and Tints of #3c81ff

Tones of #3c81ff

Color Blindness Simulator