#4a60bb hex color

In a RGB color space, hex #4a60bb is composed of 29% red, 37.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 48.7% magenta, 0% yellow and 26.7% black. It has a hue angle of 228.3 degrees, a saturation of 45.4% and a lightness of 51.2%. #4a60bb color hex could be obtained by blending #94c0ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 38
- B 73
RGB color chart
- C 60
- M 49
- Y 0
- K 27
CMYK color chart

● #4a60bb color description : Moderate blue.

The hexadecimal color #4a60bb has RGB values of R:74, G:96, B:187 and CMYK values of C:0.6, M:0.49, Y:0, K:0.27. Its decimal value is 4874427.

Hex triplet	4a60bb	`#4a60bb`
RGB Decimal	74, 96, 187	`rgb(74,96,187)`
RGB Percent	29, 37.6, 73.3	`rgb(29%,37.6%,73.3%)`
CMYK	60, 49, 0, 27
HSL	228.3°, 45.4, 51.2	`hsl(228.3,45.4%,51.2%)`
HSV (or HSB)	228.3°, 60.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.373, 20.015, -50.645
XYZ	15.975, 13.409, 48.757
xyY	0.204, 0.172, 13.409
CIE-LCH	43.373, 54.456, 291.564
CIE-LUV	43.373, -12.4, -76.815
Hunter-Lab	36.618, 13.79, -53.313
Binary	01001010, 01100000, 10111011

#4a60bb
```
#4a60bb rgb(74,96,187)
```
#bba54a
```
#bba54a rgb(187,165,74)
```

Complementary Color

#4a99bb
```
#4a99bb rgb(74,153,187)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#6d4abb
```
#6d4abb rgb(109,74,187)
```

Analogous Color

#99bb4a
```
#99bb4a rgb(153,187,74)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#bb6d4a
```
#bb6d4a rgb(187,109,74)
```

Split Complementary Color

#60bb4a
```
#60bb4a rgb(96,187,74)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#bb4a60
```
#bb4a60 rgb(187,74,96)
```

Triadic Color

#4abba5
```
#4abba5 rgb(74,187,165)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#bb4a60
```
#bb4a60 rgb(187,74,96)
```
#bba54a
```
#bba54a rgb(187,165,74)
```

Tetradic Color

#324386
```
#324386 rgb(50,67,134)
```
#394c99
```
#394c99 rgb(57,76,153)
```
#4055ab
```
#4055ab rgb(64,85,171)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#5d70c2
```
#5d70c2 rgb(93,112,194)
```
#6f81c9
```
#6f81c9 rgb(111,129,201)
```
#8291d0
```
#8291d0 rgb(130,145,208)
```

Monochromatic Color

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

#4a7cbb
```
#4a7cbb rgb(74,124,187)
```
#4a73bb
```
#4a73bb rgb(74,115,187)
```
#4a69bb
```
#4a69bb rgb(74,105,187)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#4a57bb
```
#4a57bb rgb(74,87,187)
```
#4a4dbb
```
#4a4dbb rgb(74,77,187)
```
#504abb
```
#504abb rgb(80,74,187)
```

Similar Colors

Text with hexadecimal color #4a60bb

This text has a font color of #4a60bb.

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

#4a60bb background color

This paragraph has a background color of #4a60bb.

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

#4a60bb border color

This element has a border color of #4a60bb.

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

CSS codes

.text {color:#4a60bb;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070913
```
#070913 rgb(7,9,19)
```
#0c1021
```
#0c1021 rgb(12,16,33)
```
#12172f
```
#12172f rgb(18,23,47)
```
#171f3d
```
#171f3d rgb(23,31,61)
```
#1c264c
```
#1c264c rgb(28,38,76)
```
#222d5a
```
#222d5a rgb(34,45,90)
```
#273468
```
#273468 rgb(39,52,104)
```
#2c3b76
```
#2c3b76 rgb(44,59,118)
```
#324285
```
#324285 rgb(50,66,133)
```
#374993
```
#374993 rgb(55,73,147)
```
#3d50a1
```
#3d50a1 rgb(61,80,161)
```
#4257af
```
#4257af rgb(66,87,175)
```

Shade Color Variation

#4a60bb
```
#4a60bb rgb(74,96,187)
```
#586dc0
```
#586dc0 rgb(88,109,192)
```
#6779c6
```
#6779c6 rgb(103,121,198)
```
#7586cb
```
#7586cb rgb(117,134,203)
```
#8392d0
```
#8392d0 rgb(131,146,208)
```
#919fd6
```
#919fd6 rgb(145,159,214)
```
#a0abdb
```
#a0abdb rgb(160,171,219)
```
#aeb8e0
```
#aeb8e0 rgb(174,184,224)
```
#bcc4e6
```
#bcc4e6 rgb(188,196,230)
```
#cad1eb
```
#cad1eb rgb(202,209,235)
```
#d9ddf1
```
#d9ddf1 rgb(217,221,241)
```
#e7eaf6
```
#e7eaf6 rgb(231,234,246)
```
#f5f6fb
```
#f5f6fb rgb(245,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7d8b is the less saturated color, while #0737fe is the most saturated one.

#7a7d8b
```
#7a7d8b rgb(122,125,139)
```
#707795
```
#707795 rgb(112,119,149)
```
#67729e
```
#67729e rgb(103,114,158)
```
#5d6ca8
```
#5d6ca8 rgb(93,108,168)
```
#5466b1
```
#5466b1 rgb(84,102,177)
```
#4a60bb
```
#4a60bb rgb(74,96,187)
```
#405ac5
```
#405ac5 rgb(64,90,197)
```
#3754ce
```
#3754ce rgb(55,84,206)
```
#2d4ed8
```
#2d4ed8 rgb(45,78,216)
```
#2449e1
```
#2449e1 rgb(36,73,225)
```
#1a43eb
```
#1a43eb rgb(26,67,235)
```
#113df4
```
#113df4 rgb(17,61,244)
```
#0737fe
```
#0737fe rgb(7,55,254)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5f6375 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c6bc1 Protanopia 1% of men
#0a70bb Deuteranopia 1% of men
#2c7780 Tritanopia 0.001% of the population

Trichromacy

#4167bf Protanomaly 1% of men, 0.01% of women
#216abb Deuteranomaly 6% of men, 0.4% of women
#376f95 Tritanomaly 0.01% of the population

#4a60bb hex color

#4a60bb Color Information

#4a60bb Color Conversion

Color Schemes with #4a60bb

Alternatives to #4a60bb

#4a60bb Preview

Shades and Tints of #4a60bb

Tones of #4a60bb

Color Blindness Simulator