colorhexa.com

#3a40b8 hex color

In a RGB color space, hex #3a40b8 is composed of 22.7% red, 25.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 65.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 237.1 degrees, a saturation of 52.1% and a lightness of 47.5%. #3a40b8 color hex could be obtained by blending #7480ff with #000071. Closest websafe color is: #3333cc.

- R 23
- G 25
- B 72
RGB color chart
- C 68
- M 65
- Y 0
- K 28
CMYK color chart

● #3a40b8 color description : Moderate blue.

The hexadecimal color #3a40b8 has RGB values of R:58, G:64, B:184 and CMYK values of C:0.68, M:0.65, Y:0, K:0.28. Its decimal value is 3817656.

Hex triplet	3a40b8	`#3a40b8`
RGB Decimal	58, 64, 184	`rgb(58,64,184)`
RGB Percent	22.7, 25.1, 72.2	`rgb(22.7%,25.1%,72.2%)`
CMYK	68, 65, 0, 28
HSL	237.1°, 52.1, 47.5	`hsl(237.1,52.1%,47.5%)`
HSV (or HSB)	237.1°, 68.5, 72.2
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.038, 36.734, -64.07
XYZ	12.228, 8.026, 46.25
xyY	0.184, 0.121, 8.026
CIE-LCH	34.038, 73.853, 299.827
CIE-LUV	34.038, -7.786, -89.447
Hunter-Lab	28.331, 27.466, -76.958
Binary	00111010, 01000000, 10111000

#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#b8b23a
```
#b8b23a rgb(184,178,58)
```

Complementary Color

#3a7fb8
```
#3a7fb8 rgb(58,127,184)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#733ab8
```
#733ab8 rgb(115,58,184)
```

Analogous Color

#7fb83a
```
#7fb83a rgb(127,184,58)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#b8733a
```
#b8733a rgb(184,115,58)
```

Split Complementary Color

#40b83a
```
#40b83a rgb(64,184,58)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#b83a40
```
#b83a40 rgb(184,58,64)
```

Triadic Color

#3ab8b2
```
#3ab8b2 rgb(58,184,178)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#b83a40
```
#b83a40 rgb(184,58,64)
```
#b8b23a
```
#b8b23a rgb(184,178,58)
```

Tetradic Color

#282c7e
```
#282c7e rgb(40,44,126)
```
#2e3391
```
#2e3391 rgb(46,51,145)
```
#3439a5
```
#3439a5 rgb(52,57,165)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#474dc5
```
#474dc5 rgb(71,77,197)
```
#5a5fcb
```
#5a5fcb rgb(90,95,203)
```
#6d72d1
```
#6d72d1 rgb(109,114,209)
```

Monochromatic Color

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

#3a60b8
```
#3a60b8 rgb(58,96,184)
```
#3a55b8
```
#3a55b8 rgb(58,85,184)
```
#3a4ab8
```
#3a4ab8 rgb(58,74,184)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#3f3ab8
```
#3f3ab8 rgb(63,58,184)
```
#493ab8
```
#493ab8 rgb(73,58,184)
```
#543ab8
```
#543ab8 rgb(84,58,184)
```

Similar Colors

Text with hexadecimal color #3a40b8

This text has a font color of #3a40b8.

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

#3a40b8 background color

This paragraph has a background color of #3a40b8.

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

#3a40b8 border color

This element has a border color of #3a40b8.

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

CSS codes

.text {color:#3a40b8;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060714
```
#060714 rgb(6,7,20)
```
#0b0c23
```
#0b0c23 rgb(11,12,35)
```
#101132
```
#101132 rgb(16,17,50)
```
#141641
```
#141641 rgb(20,22,65)
```
#191c50
```
#191c50 rgb(25,28,80)
```
#1e215f
```
#1e215f rgb(30,33,95)
```
#22266d
```
#22266d rgb(34,38,109)
```
#272b7c
```
#272b7c rgb(39,43,124)
```
#2c308b
```
#2c308b rgb(44,48,139)
```
#31369a
```
#31369a rgb(49,54,154)
```
#353ba9
```
#353ba9 rgb(53,59,169)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```

Shade Color Variation

#4248c3
```
#4248c3 rgb(66,72,195)
```
#5157c8
```
#5157c8 rgb(81,87,200)
```
#6065cd
```
#6065cd rgb(96,101,205)
```
#6f74d2
```
#6f74d2 rgb(111,116,210)
```
#7e82d6
```
#7e82d6 rgb(126,130,214)
```
#8d90db
```
#8d90db rgb(141,144,219)
```
#9c9fe0
```
#9c9fe0 rgb(156,159,224)
```
#abade4
```
#abade4 rgb(171,173,228)
```
#b9bce9
```
#b9bce9 rgb(185,188,233)
```
#c8caee
```
#c8caee rgb(200,202,238)
```
#d7d9f2
```
#d7d9f2 rgb(215,217,242)
```
#e6e7f7
```
#e6e7f7 rgb(230,231,247)
```
#f5f5fc
```
#f5f5fc rgb(245,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727380 is the less saturated color, while #020df0 is the most saturated one.

#727380
```
#727380 rgb(114,115,128)
```
#696a89
```
#696a89 rgb(105,106,137)
```
#5f6293
```
#5f6293 rgb(95,98,147)
```
#56599c
```
#56599c rgb(86,89,156)
```
#4d51a5
```
#4d51a5 rgb(77,81,165)
```
#4348af
```
#4348af rgb(67,72,175)
```
#3a40b8
```
#3a40b8 rgb(58,64,184)
```
#3138c1
```
#3138c1 rgb(49,56,193)
```
#272fcb
```
#272fcb rgb(39,47,203)
```
#1e27d4
```
#1e27d4 rgb(30,39,212)
```
#151edd
```
#151edd rgb(21,30,221)
```
#0b16e7
```
#0b16e7 rgb(11,22,231)
```
#020df0
```
#020df0 rgb(2,13,240)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#484a62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#006168 Tritanopia 0.001% of the population

Trichromacy

#154eae Protanomaly 1% of men, 0.01% of women
#1551a0 Deuteranomaly 6% of men, 0.4% of women
#155585 Tritanomaly 0.01% of the population