#3a4bff hex color

In a RGB color space, hex #3a4bff is composed of 22.7% red, 29.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 70.6% magenta, 0% yellow and 0% black. It has a hue angle of 234.8 degrees, a saturation of 100% and a lightness of 61.4%. #3a4bff color hex could be obtained by blending #7496ff with #0000ff. Closest websafe color is: #3333ff.

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

● #3a4bff color description : Light blue.

The hexadecimal color #3a4bff has RGB values of R:58, G:75, B:255 and CMYK values of C:0.77, M:0.71, Y:0, K:0. Its decimal value is 3820543.

Hex triplet	3a4bff	`#3a4bff`
RGB Decimal	58, 75, 255	`rgb(58,75,255)`
RGB Percent	22.7, 29.4, 100	`rgb(22.7%,29.4%,100%)`
CMYK	77, 71, 0, 0
HSL	234.8°, 100, 61.4	`hsl(234.8,100%,61.4%)`
HSV (or HSB)	234.8°, 77.3, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.989, 54.157, -90.051
XYZ	22.307, 13.15, 95.965
xyY	0.17, 0.1, 13.15
CIE-LCH	42.989, 105.081, 301.023
CIE-LUV	42.989, -12.296, -131.392
Hunter-Lab	36.263, 46.344, -131.517
Binary	00111010, 01001011, 11111111

#3a4bff
```
#3a4bff rgb(58,75,255)
```
#ffee3a
```
#ffee3a rgb(255,238,58)
```

Complementary Color

#3aaeff
```
#3aaeff rgb(58,174,255)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#8c3aff
```
#8c3aff rgb(140,58,255)
```

Analogous Color

#aeff3a
```
#aeff3a rgb(174,255,58)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#ff8c3a
```
#ff8c3a rgb(255,140,58)
```

Split Complementary Color

#4bff3a
```
#4bff3a rgb(75,255,58)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#ff3a4b
```
#ff3a4b rgb(255,58,75)
```

Triadic Color

#3affee
```
#3affee rgb(58,255,238)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#ff3a4b
```
#ff3a4b rgb(255,58,75)
```
#ffee3a
```
#ffee3a rgb(255,238,58)
```

Tetradic Color

#0014ed
```
#0014ed rgb(0,20,237)
```
#071cff
```
#071cff rgb(7,28,255)
```
#2134ff
```
#2134ff rgb(33,52,255)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#5462ff
```
#5462ff rgb(84,98,255)
```
#6d7aff
```
#6d7aff rgb(109,122,255)
```
#8791ff
```
#8791ff rgb(135,145,255)
```

Monochromatic Color

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

#3a7cff
```
#3a7cff rgb(58,124,255)
```
#3a6cff
```
#3a6cff rgb(58,108,255)
```
#3a5bff
```
#3a5bff rgb(58,91,255)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#3a3bff
```
#3a3bff rgb(58,59,255)
```
#4a3aff
```
#4a3aff rgb(74,58,255)
```
#5a3aff
```
#5a3aff rgb(90,58,255)
```

Similar Colors

Text with hexadecimal color #3a4bff

This text has a font color of #3a4bff.

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

#3a4bff background color

This paragraph has a background color of #3a4bff.

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

#3a4bff border color

This element has a border color of #3a4bff.

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

CSS codes

.text {color:#3a4bff;}

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

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

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

#000213
```
#000213 rgb(0,2,19)
```
#000326
```
#000326 rgb(0,3,38)
```
#00053a
```
#00053a rgb(0,5,58)
```
#00074e
```
#00074e rgb(0,7,78)
```
#000861
```
#000861 rgb(0,8,97)
```
#000a75
```
#000a75 rgb(0,10,117)
```
#000c88
```
#000c88 rgb(0,12,136)
```
#000d9c
```
#000d9c rgb(0,13,156)
```
#000fb0
```
#000fb0 rgb(0,15,176)
```
#0011c3
```
#0011c3 rgb(0,17,195)
```
#0013d7
```
#0013d7 rgb(0,19,215)
```
#0014eb
```
#0014eb rgb(0,20,235)
```
#0016fe
```
#0016fe rgb(0,22,254)
```

Shade Color Variation

#1327ff
```
#1327ff rgb(19,39,255)
```
#2639ff
```
#2639ff rgb(38,57,255)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```
#4e5dff
```
#4e5dff rgb(78,93,255)
```
#616fff
```
#616fff rgb(97,111,255)
```
#7581ff
```
#7581ff rgb(117,129,255)
```
#8893ff
```
#8893ff rgb(136,147,255)
```
#9ca5ff
```
#9ca5ff rgb(156,165,255)
```
#b0b7ff
```
#b0b7ff rgb(176,183,255)
```
#c3c8ff
```
#c3c8ff rgb(195,200,255)
```
#d7daff
```
#d7daff rgb(215,218,255)
```
#ebecff
```
#ebecff rgb(235,236,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9596a4
```
#9596a4 rgb(149,150,164)
```
#8d90ac
```
#8d90ac rgb(141,144,172)
```
#868ab3
```
#868ab3 rgb(134,138,179)
```
#7e83bb
```
#7e83bb rgb(126,131,187)
```
#777dc2
```
#777dc2 rgb(119,125,194)
```
#6f77ca
```
#6f77ca rgb(111,119,202)
```
#6771d2
```
#6771d2 rgb(103,113,210)
```
#606ad9
```
#606ad9 rgb(96,106,217)
```
#5864e1
```
#5864e1 rgb(88,100,225)
```
#515ee8
```
#515ee8 rgb(81,94,232)
```
#4958f0
```
#4958f0 rgb(73,88,240)
```
#4251f7
```
#4251f7 rgb(66,81,247)
```
#3a4bff
```
#3a4bff rgb(58,75,255)
```

Tone Color Variation

Below, you can see how #3a4bff 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
#54577b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#155ee0 Protanomaly 1% of men, 0.01% of women
#1562ce Deuteranomaly 6% of men, 0.4% of women
#1567ad Tritanomaly 0.01% of the population

#3a4bff hex color

#3a4bff Color Information

#3a4bff Color Conversion

Color Schemes with #3a4bff

Alternatives to #3a4bff

#3a4bff Preview

Shades and Tints of #3a4bff

Tones of #3a4bff

Color Blindness Simulator