#4146ff hex color

In a RGB color space, hex #4146ff is composed of 25.5% red, 27.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 72.5% magenta, 0% yellow and 0% black. It has a hue angle of 238.4 degrees, a saturation of 100% and a lightness of 62.7%. #4146ff color hex could be obtained by blending #828cff with #0000ff. Closest websafe color is: #3333ff.

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

● #4146ff color description : Light blue.

The hexadecimal color #4146ff has RGB values of R:65, G:70, B:255 and CMYK values of C:0.75, M:0.73, Y:0, K:0. Its decimal value is 4278015.

Hex triplet	4146ff	`#4146ff`
RGB Decimal	65, 70, 255	`rgb(65,70,255)`
RGB Percent	25.5, 27.5, 100	`rgb(25.5%,27.5%,100%)`
CMYK	75, 73, 0, 0
HSL	238.4°, 100, 62.7	`hsl(238.4,100%,62.7%)`
HSV (or HSB)	238.4°, 74.5, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.342, 57.444, -91.106
XYZ	22.417, 12.723, 95.877
xyY	0.171, 0.097, 12.723
CIE-LCH	42.342, 107.704, 302.232
CIE-LUV	42.342, -10.362, -131.961
Hunter-Lab	35.669, 49.76, -134.401
Binary	01000001, 01000110, 11111111

#4146ff
```
#4146ff rgb(65,70,255)
```
#fffa41
```
#fffa41 rgb(255,250,65)
```

Complementary Color

#41a5ff
```
#41a5ff rgb(65,165,255)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#9b41ff
```
#9b41ff rgb(155,65,255)
```

Analogous Color

#a5ff41
```
#a5ff41 rgb(165,255,65)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#ff9b41
```
#ff9b41 rgb(255,155,65)
```

Split Complementary Color

#46ff41
```
#46ff41 rgb(70,255,65)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#ff4146
```
#ff4146 rgb(255,65,70)
```

Triadic Color

#41fffa
```
#41fffa rgb(65,255,250)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#ff4146
```
#ff4146 rgb(255,65,70)
```
#fffa41
```
#fffa41 rgb(255,250,65)
```

Tetradic Color

#0006f4
```
#0006f4 rgb(0,6,244)
```
#0e14ff
```
#0e14ff rgb(14,20,255)
```
#282dff
```
#282dff rgb(40,45,255)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#5b5fff
```
#5b5fff rgb(91,95,255)
```
#7478ff
```
#7478ff rgb(116,120,255)
```
#8e90ff
```
#8e90ff rgb(142,144,255)
```

Monochromatic Color

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

#4176ff
```
#4176ff rgb(65,118,255)
```
#4166ff
```
#4166ff rgb(65,102,255)
```
#4156ff
```
#4156ff rgb(65,86,255)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#4c41ff
```
#4c41ff rgb(76,65,255)
```
#5c41ff
```
#5c41ff rgb(92,65,255)
```
#6c41ff
```
#6c41ff rgb(108,65,255)
```

Similar Colors

Text with hexadecimal color #4146ff

This text has a font color of #4146ff.

<span style="color:#4146ff;">Text here</span>

#4146ff background color

This paragraph has a background color of #4146ff.

<p style="background-color:#4146ff;">Content here</p>

#4146ff border color

This element has a border color of #4146ff.

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

CSS codes

.text {color:#4146ff;}

.background {background-color:#4146ff;}

.border {border:1px solid #4146ff;}

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

#000006
```
#000006 rgb(0,0,6)
```
#00011a
```
#00011a rgb(0,1,26)
```
#00012d
```
#00012d rgb(0,1,45)
```
#000241
```
#000241 rgb(0,2,65)
```
#000255
```
#000255 rgb(0,2,85)
```
#000368
```
#000368 rgb(0,3,104)
```
#00037c
```
#00037c rgb(0,3,124)
```
#00048f
```
#00048f rgb(0,4,143)
```
#0004a3
```
#0004a3 rgb(0,4,163)
```
#0005b7
```
#0005b7 rgb(0,5,183)
```
#0005ca
```
#0005ca rgb(0,5,202)
```
#0006de
```
#0006de rgb(0,6,222)
```
#0006f2
```
#0006f2 rgb(0,6,242)
```

Shade Color Variation

#060dff
```
#060dff rgb(6,13,255)
```
#1a20ff
```
#1a20ff rgb(26,32,255)
```
#2d33ff
```
#2d33ff rgb(45,51,255)
```
#4146ff
```
#4146ff rgb(65,70,255)
```
#5559ff
```
#5559ff rgb(85,89,255)
```
#686cff
```
#686cff rgb(104,108,255)
```
#7c7fff
```
#7c7fff rgb(124,127,255)
```
#8f92ff
```
#8f92ff rgb(143,146,255)
```
#a3a5ff
```
#a3a5ff rgb(163,165,255)
```
#b7b9ff
```
#b7b9ff rgb(183,185,255)
```
#caccff
```
#caccff rgb(202,204,255)
```
#dedfff
```
#dedfff rgb(222,223,255)
```
#f2f2ff
```
#f2f2ff rgb(242,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9999a7 is the less saturated color, while #4146ff is the most saturated one.

#9999a7
```
#9999a7 rgb(153,153,167)
```
#9192af
```
#9192af rgb(145,146,175)
```
#8a8bb6
```
#8a8bb6 rgb(138,139,182)
```
#8384bd
```
#8384bd rgb(131,132,189)
```
#7b7dc5
```
#7b7dc5 rgb(123,125,197)
```
#7476cc
```
#7476cc rgb(116,118,204)
```
#6d70d3
```
#6d70d3 rgb(109,112,211)
```
#6669da
```
#6669da rgb(102,105,218)
```
#5e62e2
```
#5e62e2 rgb(94,98,226)
```
#575be9
```
#575be9 rgb(87,91,233)
```
#5054f0
```
#5054f0 rgb(80,84,240)
```
#484df8
```
#484df8 rgb(72,77,248)
```
#4146ff
```
#4146ff rgb(65,70,255)
```

Tone Color Variation

Below, you can see how #4146ff 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

#5a5a5a Achromatopsia 0.005% of the population
#55567b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006fb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#175cde Protanomaly 1% of men, 0.01% of women
#1760cd Deuteranomaly 6% of men, 0.4% of women
#1765ac Tritanomaly 0.01% of the population

#4146ff hex color

#4146ff Color Information

#4146ff Color Conversion

Color Schemes with #4146ff

Alternatives to #4146ff

#4146ff Preview

Shades and Tints of #4146ff

Tones of #4146ff

Color Blindness Simulator