#2a60b2 hex color

In a RGB color space, hex #2a60b2 is composed of 16.5% red, 37.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 46.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 216.2 degrees, a saturation of 61.8% and a lightness of 43.1%. #2a60b2 color hex could be obtained by blending #54c0ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 38
- B 70
RGB color chart
- C 76
- M 46
- Y 0
- K 30
CMYK color chart

● #2a60b2 color description : Dark blue.

The hexadecimal color #2a60b2 has RGB values of R:42, G:96, B:178 and CMYK values of C:0.76, M:0.46, Y:0, K:0.3. Its decimal value is 2777266.

Hex triplet	2a60b2	`#2a60b2`
RGB Decimal	42, 96, 178	`rgb(42,96,178)`
RGB Percent	16.5, 37.6, 69.8	`rgb(16.5%,37.6%,69.8%)`
CMYK	76, 46, 0, 30
HSL	216.2°, 61.8, 43.1	`hsl(216.2,61.8%,43.1%)`
HSV (or HSB)	216.2°, 76.4, 69.8
Web Safe	336699	`#336699`

CIE-LAB	41.329, 11.636, -48.743
XYZ	13.172, 12.071, 43.753
xyY	0.191, 0.175, 12.071
CIE-LCH	41.329, 50.112, 283.427
CIE-LUV	41.329, -19.328, -72.3
Hunter-Lab	34.744, 6.87, -50.343
Binary	00101010, 01100000, 10110010

#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#b27c2a
```
#b27c2a rgb(178,124,42)
```

Complementary Color

#2aa4b2
```
#2aa4b2 rgb(42,164,178)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#382ab2
```
#382ab2 rgb(56,42,178)
```

Analogous Color

#a4b22a
```
#a4b22a rgb(164,178,42)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#b2382a
```
#b2382a rgb(178,56,42)
```

Split Complementary Color

#60b22a
```
#60b22a rgb(96,178,42)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#b22a60
```
#b22a60 rgb(178,42,96)
```

Triadic Color

#2ab27c
```
#2ab27c rgb(42,178,124)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#b22a60
```
#b22a60 rgb(178,42,96)
```
#b27c2a
```
#b27c2a rgb(178,124,42)
```

Tetradic Color

#1b3f74
```
#1b3f74 rgb(27,63,116)
```
#204a89
```
#204a89 rgb(32,74,137)
```
#25559d
```
#25559d rgb(37,85,157)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#2f6bc7
```
#2f6bc7 rgb(47,107,199)
```
#3e78d1
```
#3e78d1 rgb(62,120,209)
```
#5287d6
```
#5287d6 rgb(82,135,214)
```

Monochromatic Color

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

#2a82b2
```
#2a82b2 rgb(42,130,178)
```
#2a77b2
```
#2a77b2 rgb(42,119,178)
```
#2a6bb2
```
#2a6bb2 rgb(42,107,178)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#2a55b2
```
#2a55b2 rgb(42,85,178)
```
#2a49b2
```
#2a49b2 rgb(42,73,178)
```
#2a3eb2
```
#2a3eb2 rgb(42,62,178)
```

Similar Colors

Text with hexadecimal color #2a60b2

This text has a font color of #2a60b2.

<span style="color:#2a60b2;">Text here</span>

#2a60b2 background color

This paragraph has a background color of #2a60b2.

<p style="background-color:#2a60b2;">Content here</p>

#2a60b2 border color

This element has a border color of #2a60b2.

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

CSS codes

.text {color:#2a60b2;}

.background {background-color:#2a60b2;}

.border {border:1px solid #2a60b2;}

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

#010203
```
#010203 rgb(1,2,3)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#081323
```
#081323 rgb(8,19,35)
```
#0c1c33
```
#0c1c33 rgb(12,28,51)
```
#102443
```
#102443 rgb(16,36,67)
```
#142d53
```
#142d53 rgb(20,45,83)
```
#173563
```
#173563 rgb(23,53,99)
```
#1b3e73
```
#1b3e73 rgb(27,62,115)
```
#1f4682
```
#1f4682 rgb(31,70,130)
```
#234f92
```
#234f92 rgb(35,79,146)
```
#2657a2
```
#2657a2 rgb(38,87,162)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#2e69c2
```
#2e69c2 rgb(46,105,194)
```

Shade Color Variation

#3472cf
```
#3472cf rgb(52,114,207)
```
#447dd3
```
#447dd3 rgb(68,125,211)
```
#5488d7
```
#5488d7 rgb(84,136,215)
```
#6493da
```
#6493da rgb(100,147,218)
```
#749ede
```
#749ede rgb(116,158,222)
```
#83a9e2
```
#83a9e2 rgb(131,169,226)
```
#93b4e6
```
#93b4e6 rgb(147,180,230)
```
#a3bfe9
```
#a3bfe9 rgb(163,191,233)
```
#b3caed
```
#b3caed rgb(179,202,237)
```
#c3d5f1
```
#c3d5f1 rgb(195,213,241)
```
#d3e0f5
```
#d3e0f5 rgb(211,224,245)
```
#e3ebf8
```
#e3ebf8 rgb(227,235,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e6e6e is the less saturated color, while #0859d4 is the most saturated one.

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#656c77
```
#656c77 rgb(101,108,119)
```
#5d6a7f
```
#5d6a7f rgb(93,106,127)
```
#546988
```
#546988 rgb(84,105,136)
```
#4c6790
```
#4c6790 rgb(76,103,144)
```
#436599
```
#436599 rgb(67,101,153)
```
#3b63a1
```
#3b63a1 rgb(59,99,161)
```
#3262aa
```
#3262aa rgb(50,98,170)
```
#2a60b2
```
#2a60b2 rgb(42,96,178)
```
#225eba
```
#225eba rgb(34,94,186)
```
#195dc3
```
#195dc3 rgb(25,93,195)
```
#115bcb
```
#115bcb rgb(17,91,203)
```
#0859d4
```
#0859d4 rgb(8,89,212)
```

Tone Color Variation

Below, you can see how #2a60b2 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

#595959 Achromatopsia 0.005% of the population
#505a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f67b5 Protanopia 1% of men
#006bb3 Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#3764b3 Protanomaly 1% of men, 0.01% of women
#0f67b2 Deuteranomaly 6% of men, 0.4% of women
#0f6c8f Tritanomaly 0.01% of the population

#2a60b2 hex color

#2a60b2 Color Information

#2a60b2 Color Conversion

Color Schemes with #2a60b2

Alternatives to #2a60b2

#2a60b2 Preview

Shades and Tints of #2a60b2

Tones of #2a60b2

Color Blindness Simulator