#2a5da8 hex color

In a RGB color space, hex #2a5da8 is composed of 16.5% red, 36.5% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 44.6% magenta, 0% yellow and 34.1% black. It has a hue angle of 215.7 degrees, a saturation of 60% and a lightness of 41.2%. #2a5da8 color hex could be obtained by blending #54baff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 36
- B 66
RGB color chart
- C 75
- M 45
- Y 0
- K 34
CMYK color chart

● #2a5da8 color description : Dark blue.

The hexadecimal color #2a5da8 has RGB values of R:42, G:93, B:168 and CMYK values of C:0.75, M:0.45, Y:0, K:0.34. Its decimal value is 2776488.

Hex triplet	2a5da8	`#2a5da8`
RGB Decimal	42, 93, 168	`rgb(42,93,168)`
RGB Percent	16.5, 36.5, 65.9	`rgb(16.5%,36.5%,65.9%)`
CMYK	75, 45, 0, 34
HSL	215.7°, 60, 41.2	`hsl(215.7,60%,41.2%)`
HSV (or HSB)	215.7°, 75, 65.9
Web Safe	336699	`#336699`

CIE-LAB	39.827, 9.748, -45.253
XYZ	11.935, 11.147, 38.566
xyY	0.194, 0.181, 11.147
CIE-LCH	39.827, 46.291, 282.156
CIE-LUV	39.827, -18.596, -66.309
Hunter-Lab	33.387, 5.383, -45.115
Binary	00101010, 01011101, 10101000

#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#a8752a
```
#a8752a rgb(168,117,42)
```

Complementary Color

#2a9ca8
```
#2a9ca8 rgb(42,156,168)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#362aa8
```
#362aa8 rgb(54,42,168)
```

Analogous Color

#9ca82a
```
#9ca82a rgb(156,168,42)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#a8362a
```
#a8362a rgb(168,54,42)
```

Split Complementary Color

#5da82a
```
#5da82a rgb(93,168,42)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#a82a5d
```
#a82a5d rgb(168,42,93)
```

Triadic Color

#2aa875
```
#2aa875 rgb(42,168,117)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#a82a5d
```
#a82a5d rgb(168,42,93)
```
#a8752a
```
#a8752a rgb(168,117,42)
```

Tetradic Color

#1b3b6b
```
#1b3b6b rgb(27,59,107)
```
#20467f
```
#20467f rgb(32,70,127)
```
#255294
```
#255294 rgb(37,82,148)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#2f68bc
```
#2f68bc rgb(47,104,188)
```
#3874cd
```
#3874cd rgb(56,116,205)
```
#4c82d2
```
#4c82d2 rgb(76,130,210)
```

Monochromatic Color

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

#2a7da8
```
#2a7da8 rgb(42,125,168)
```
#2a72a8
```
#2a72a8 rgb(42,114,168)
```
#2a68a8
```
#2a68a8 rgb(42,104,168)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#2a53a8
```
#2a53a8 rgb(42,83,168)
```
#2a48a8
```
#2a48a8 rgb(42,72,168)
```
#2a3ea8
```
#2a3ea8 rgb(42,62,168)
```

Similar Colors

Text with hexadecimal color #2a5da8

This text has a font color of #2a5da8.

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

#2a5da8 background color

This paragraph has a background color of #2a5da8.

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

#2a5da8 border color

This element has a border color of #2a5da8.

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

CSS codes

.text {color:#2a5da8;}

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

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

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, #03060b is the darkest color, while #fafcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#070f1b
```
#070f1b rgb(7,15,27)
```
#0b182a
```
#0b182a rgb(11,24,42)
```
#0f203a
```
#0f203a rgb(15,32,58)
```
#12294a
```
#12294a rgb(18,41,74)
```
#16325a
```
#16325a rgb(22,50,90)
```
#1a3a69
```
#1a3a69 rgb(26,58,105)
```
#1e4379
```
#1e4379 rgb(30,67,121)
```
#224c89
```
#224c89 rgb(34,76,137)
```
#265498
```
#265498 rgb(38,84,152)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#2e66b8
```
#2e66b8 rgb(46,102,184)
```
#326ec7
```
#326ec7 rgb(50,110,199)
```

Shade Color Variation

#3e79cf
```
#3e79cf rgb(62,121,207)
```
#4e84d3
```
#4e84d3 rgb(78,132,211)
```
#5d8fd7
```
#5d8fd7 rgb(93,143,215)
```
#6d99db
```
#6d99db rgb(109,153,219)
```
#7da4de
```
#7da4de rgb(125,164,222)
```
#8dafe2
```
#8dafe2 rgb(141,175,226)
```
#9cbae6
```
#9cbae6 rgb(156,186,230)
```
#acc5ea
```
#acc5ea rgb(172,197,234)
```
#bcd0ee
```
#bcd0ee rgb(188,208,238)
```
#cbdbf2
```
#cbdbf2 rgb(203,219,242)
```
#dbe6f6
```
#dbe6f6 rgb(219,230,246)
```
#ebf1fa
```
#ebf1fa rgb(235,241,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63686f is the less saturated color, while #0255d0 is the most saturated one.

#63686f
```
#63686f rgb(99,104,111)
```
#5a6678
```
#5a6678 rgb(90,102,120)
```
#526580
```
#526580 rgb(82,101,128)
```
#4a6388
```
#4a6388 rgb(74,99,136)
```
#426290
```
#426290 rgb(66,98,144)
```
#3a6098
```
#3a6098 rgb(58,96,152)
```
#325fa0
```
#325fa0 rgb(50,95,160)
```
#2a5da8
```
#2a5da8 rgb(42,93,168)
```
#225bb0
```
#225bb0 rgb(34,91,176)
```
#1a5ab8
```
#1a5ab8 rgb(26,90,184)
```
#1258c0
```
#1258c0 rgb(18,88,192)
```
#0a57c8
```
#0a57c8 rgb(10,87,200)
```
#0255d0
```
#0255d0 rgb(2,85,208)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4d5766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4163ab Protanopia 1% of men
#1c67ab Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3961aa Protanomaly 1% of men, 0.01% of women
#2163aa Deuteranomaly 6% of men, 0.4% of women
#0f6989 Tritanomaly 0.01% of the population

#2a5da8 hex color

#2a5da8 Color Information

#2a5da8 Color Conversion

Color Schemes with #2a5da8

Alternatives to #2a5da8

#2a5da8 Preview

Shades and Tints of #2a5da8

Tones of #2a5da8

Color Blindness Simulator