#2a5ead hex color

In a RGB color space, hex #2a5ead is composed of 16.5% red, 36.9% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 45.7% magenta, 0% yellow and 32.2% black. It has a hue angle of 216.2 degrees, a saturation of 60.9% and a lightness of 42.2%. #2a5ead color hex could be obtained by blending #54bcff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 37
- B 68
RGB color chart
- C 76
- M 46
- Y 0
- K 32
CMYK color chart

● #2a5ead color description : Dark blue.

The hexadecimal color #2a5ead has RGB values of R:42, G:94, B:173 and CMYK values of C:0.76, M:0.46, Y:0, K:0.32. Its decimal value is 2776749.

Hex triplet	2a5ead	`#2a5ead`
RGB Decimal	42, 94, 173	`rgb(42,94,173)`
RGB Percent	16.5, 36.9, 67.8	`rgb(16.5%,36.9%,67.8%)`
CMYK	76, 46, 0, 32
HSL	216.2°, 60.9, 42.2	`hsl(216.2,60.9%,42.2%)`
HSV (or HSB)	216.2°, 75.7, 67.8
Web Safe	336699	`#336699`

CIE-LAB	40.433, 11.016, -47.239
XYZ	12.499, 11.514, 41.097
xyY	0.192, 0.177, 11.514
CIE-LCH	40.433, 48.506, 283.126
CIE-LUV	40.433, -18.807, -69.611
Hunter-Lab	33.932, 6.368, -48.056
Binary	00101010, 01011110, 10101101

#2a5ead
```
#2a5ead rgb(42,94,173)
```
#ad792a
```
#ad792a rgb(173,121,42)
```

Complementary Color

#2aa0ad
```
#2aa0ad rgb(42,160,173)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#372aad
```
#372aad rgb(55,42,173)
```

Analogous Color

#a0ad2a
```
#a0ad2a rgb(160,173,42)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#ad372a
```
#ad372a rgb(173,55,42)
```

Split Complementary Color

#5ead2a
```
#5ead2a rgb(94,173,42)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#ad2a5e
```
#ad2a5e rgb(173,42,94)
```

Triadic Color

#2aad79
```
#2aad79 rgb(42,173,121)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#ad2a5e
```
#ad2a5e rgb(173,42,94)
```
#ad792a
```
#ad792a rgb(173,121,42)
```

Tetradic Color

#1b3d6f
```
#1b3d6f rgb(27,61,111)
```
#204884
```
#204884 rgb(32,72,132)
```
#255398
```
#255398 rgb(37,83,152)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#2f69c2
```
#2f69c2 rgb(47,105,194)
```
#3b76cf
```
#3b76cf rgb(59,118,207)
```
#4f84d4
```
#4f84d4 rgb(79,132,212)
```

Monochromatic Color

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

#2a7fad
```
#2a7fad rgb(42,127,173)
```
#2a74ad
```
#2a74ad rgb(42,116,173)
```
#2a69ad
```
#2a69ad rgb(42,105,173)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#2a53ad
```
#2a53ad rgb(42,83,173)
```
#2a48ad
```
#2a48ad rgb(42,72,173)
```
#2a3dad
```
#2a3dad rgb(42,61,173)
```

Similar Colors

Text with hexadecimal color #2a5ead

This text has a font color of #2a5ead.

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

#2a5ead background color

This paragraph has a background color of #2a5ead.

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

#2a5ead border color

This element has a border color of #2a5ead.

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

CSS codes

.text {color:#2a5ead;}

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

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

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

#04080f
```
#04080f rgb(4,8,15)
```
#08111f
```
#08111f rgb(8,17,31)
```
#0b192f
```
#0b192f rgb(11,25,47)
```
#0f223f
```
#0f223f rgb(15,34,63)
```
#132b4e
```
#132b4e rgb(19,43,78)
```
#17335e
```
#17335e rgb(23,51,94)
```
#1b3c6e
```
#1b3c6e rgb(27,60,110)
```
#1f447e
```
#1f447e rgb(31,68,126)
```
#224d8d
```
#224d8d rgb(34,77,141)
```
#26559d
```
#26559d rgb(38,85,157)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#2e67bd
```
#2e67bd rgb(46,103,189)
```
#326fcd
```
#326fcd rgb(50,111,205)
```

Shade Color Variation

#417ad1
```
#417ad1 rgb(65,122,209)
```
#5185d5
```
#5185d5 rgb(81,133,213)
```
#6190d9
```
#6190d9 rgb(97,144,217)
```
#709bdc
```
#709bdc rgb(112,155,220)
```
#80a6e0
```
#80a6e0 rgb(128,166,224)
```
#90b1e4
```
#90b1e4 rgb(144,177,228)
```
#a0bce8
```
#a0bce8 rgb(160,188,232)
```
#afc7ec
```
#afc7ec rgb(175,199,236)
```
#bfd2f0
```
#bfd2f0 rgb(191,210,240)
```
#cfddf3
```
#cfddf3 rgb(207,221,243)
```
#dfe8f7
```
#dfe8f7 rgb(223,232,247)
```
#eff4fb
```
#eff4fb rgb(239,244,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646a73 is the less saturated color, while #0155d6 is the most saturated one.

#646a73
```
#646a73 rgb(100,106,115)
```
#5c687b
```
#5c687b rgb(92,104,123)
```
#536784
```
#536784 rgb(83,103,132)
```
#4b658c
```
#4b658c rgb(75,101,140)
```
#436394
```
#436394 rgb(67,99,148)
```
#3b619c
```
#3b619c rgb(59,97,156)
```
#3260a5
```
#3260a5 rgb(50,96,165)
```
#2a5ead
```
#2a5ead rgb(42,94,173)
```
#225cb5
```
#225cb5 rgb(34,92,181)
```
#195bbe
```
#195bbe rgb(25,91,190)
```
#1159c6
```
#1159c6 rgb(17,89,198)
```
#0957ce
```
#0957ce rgb(9,87,206)
```
#0155d6
```
#0155d6 rgb(1,85,214)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4e5868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f65b0 Protanopia 1% of men
#0069af Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3762af Protanomaly 1% of men, 0.01% of women
#0f65ae Deuteranomaly 6% of men, 0.4% of women
#0f6a8c Tritanomaly 0.01% of the population

#2a5ead hex color

#2a5ead Color Information

#2a5ead Color Conversion

Color Schemes with #2a5ead

Alternatives to #2a5ead

#2a5ead Preview

Shades and Tints of #2a5ead

Tones of #2a5ead

Color Blindness Simulator