#4a61ff hex color

In a RGB color space, hex #4a61ff is composed of 29% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 232.4 degrees, a saturation of 100% and a lightness of 64.5%. #4a61ff color hex could be obtained by blending #94c2ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 38
- B 100
RGB color chart
- C 71
- M 62
- Y 0
- K 0
CMYK color chart

● #4a61ff color description : Light blue.

The hexadecimal color #4a61ff has RGB values of R:74, G:97, B:255 and CMYK values of C:0.71, M:0.62, Y:0, K:0. Its decimal value is 4874751.

Hex triplet	4a61ff	`#4a61ff`
RGB Decimal	74, 97, 255	`rgb(74,97,255)`
RGB Percent	29, 38, 100	`rgb(29%,38%,100%)`
CMYK	71, 62, 0, 0
HSL	232.4°, 100, 64.5	`hsl(232.4,100%,64.5%)`
HSV (or HSB)	232.4°, 71, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.541, 42.785, -80.902
XYZ	25.145, 17.224, 96.602
xyY	0.181, 0.124, 17.224
CIE-LCH	48.541, 91.518, 297.872
CIE-LUV	48.541, -14.135, -124.913
Hunter-Lab	41.501, 35.523, -108.957
Binary	01001010, 01100001, 11111111

#4a61ff
```
#4a61ff rgb(74,97,255)
```
#ffe84a
```
#ffe84a rgb(255,232,74)
```

Complementary Color

#4abcff
```
#4abcff rgb(74,188,255)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#8e4aff
```
#8e4aff rgb(142,74,255)
```

Analogous Color

#bcff4a
```
#bcff4a rgb(188,255,74)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#ff8e4a
```
#ff8e4a rgb(255,142,74)
```

Split Complementary Color

#61ff4a
```
#61ff4a rgb(97,255,74)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#ff4a61
```
#ff4a61 rgb(255,74,97)
```

Triadic Color

#4affe8
```
#4affe8 rgb(74,255,232)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#ff4a61
```
#ff4a61 rgb(255,74,97)
```
#ffe84a
```
#ffe84a rgb(255,232,74)
```

Tetradic Color

#0020fd
```
#0020fd rgb(0,32,253)
```
#1734ff
```
#1734ff rgb(23,52,255)
```
#314bff
```
#314bff rgb(49,75,255)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#6477ff
```
#6477ff rgb(100,119,255)
```
#7d8eff
```
#7d8eff rgb(125,142,255)
```
#97a4ff
```
#97a4ff rgb(151,164,255)
```

Monochromatic Color

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

#4a8eff
```
#4a8eff rgb(74,142,255)
```
#4a7fff
```
#4a7fff rgb(74,127,255)
```
#4a70ff
```
#4a70ff rgb(74,112,255)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#4a52ff
```
#4a52ff rgb(74,82,255)
```
#514aff
```
#514aff rgb(81,74,255)
```
#604aff
```
#604aff rgb(96,74,255)
```

Similar Colors

Text with hexadecimal color #4a61ff

This text has a font color of #4a61ff.

<span style="color:#4a61ff;">Text here</span>

#4a61ff background color

This paragraph has a background color of #4a61ff.

<p style="background-color:#4a61ff;">Content here</p>

#4a61ff border color

This element has a border color of #4a61ff.

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

CSS codes

.text {color:#4a61ff;}

.background {background-color:#4a61ff;}

.border {border:1px solid #4a61ff;}

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, #00020f is the darkest color, while #fbfbff is the lightest one.

#00020f
```
#00020f rgb(0,2,15)
```
#000423
```
#000423 rgb(0,4,35)
```
#000736
```
#000736 rgb(0,7,54)
```
#00094a
```
#00094a rgb(0,9,74)
```
#000c5e
```
#000c5e rgb(0,12,94)
```
#000e71
```
#000e71 rgb(0,14,113)
```
#001185
```
#001185 rgb(0,17,133)
```
#001398
```
#001398 rgb(0,19,152)
```
#0016ac
```
#0016ac rgb(0,22,172)
```
#0018c0
```
#0018c0 rgb(0,24,192)
```
#001bd3
```
#001bd3 rgb(0,27,211)
```
#001de7
```
#001de7 rgb(0,29,231)
```
#0020fb
```
#0020fb rgb(0,32,251)
```

Shade Color Variation

#0f2eff
```
#0f2eff rgb(15,46,255)
```
#233fff
```
#233fff rgb(35,63,255)
```
#3650ff
```
#3650ff rgb(54,80,255)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```
#5e72ff
```
#5e72ff rgb(94,114,255)
```
#7183ff
```
#7183ff rgb(113,131,255)
```
#8594ff
```
#8594ff rgb(133,148,255)
```
#98a5ff
```
#98a5ff rgb(152,165,255)
```
#acb7ff
```
#acb7ff rgb(172,183,255)
```
#c0c8ff
```
#c0c8ff rgb(192,200,255)
```
#d3d9ff
```
#d3d9ff rgb(211,217,255)
```
#e7eaff
```
#e7eaff rgb(231,234,255)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9fab is the less saturated color, while #4a61ff is the most saturated one.

#9e9fab
```
#9e9fab rgb(158,159,171)
```
#979ab2
```
#979ab2 rgb(151,154,178)
```
#9095b9
```
#9095b9 rgb(144,149,185)
```
#8990c0
```
#8990c0 rgb(137,144,192)
```
#828bc7
```
#828bc7 rgb(130,139,199)
```
#7b85ce
```
#7b85ce rgb(123,133,206)
```
#7480d5
```
#7480d5 rgb(116,128,213)
```
#6d7bdc
```
#6d7bdc rgb(109,123,220)
```
#6676e3
```
#6676e3 rgb(102,118,227)
```
#5f71ea
```
#5f71ea rgb(95,113,234)
```
#586bf1
```
#586bf1 rgb(88,107,241)
```
#5166f8
```
#5166f8 rgb(81,102,248)
```
#4a61ff
```
#4a61ff rgb(74,97,255)
```

Tone Color Variation

Below, you can see how #4a61ff 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

#6c6c6c Achromatopsia 0.005% of the population
#656a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1a6ef0 Protanomaly 1% of men, 0.01% of women
#1a73dd Deuteranomaly 6% of men, 0.4% of women
#1a78b7 Tritanomaly 0.01% of the population

#4a61ff hex color

#4a61ff Color Information

#4a61ff Color Conversion

Color Schemes with #4a61ff

Alternatives to #4a61ff

#4a61ff Preview

Shades and Tints of #4a61ff

Tones of #4a61ff

Color Blindness Simulator