#2a5ca8 hex color

In a RGB color space, hex #2a5ca8 is composed of 16.5% red, 36.1% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 45.2% magenta, 0% yellow and 34.1% black. It has a hue angle of 216.2 degrees, a saturation of 60% and a lightness of 41.2%. #2a5ca8 color hex could be obtained by blending #54b8ff 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

● #2a5ca8 color description : Dark blue.

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

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

CIE-LAB	39.535, 10.398, -45.722
XYZ	11.848, 10.973, 38.537
xyY	0.193, 0.179, 10.973
CIE-LCH	39.535, 46.89, 282.812
CIE-LUV	39.535, -18.278, -66.913
Hunter-Lab	33.125, 5.877, -45.789
Binary	00101010, 01011100, 10101000

#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#a8762a
```
#a8762a rgb(168,118,42)
```

Complementary Color

#2a9ba8
```
#2a9ba8 rgb(42,155,168)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#372aa8
```
#372aa8 rgb(55,42,168)
```

Analogous Color

#9ba82a
```
#9ba82a rgb(155,168,42)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#a8372a
```
#a8372a rgb(168,55,42)
```

Split Complementary Color

#5ca82a
```
#5ca82a rgb(92,168,42)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#a82a5c
```
#a82a5c rgb(168,42,92)
```

Triadic Color

#2aa876
```
#2aa876 rgb(42,168,118)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#a82a5c
```
#a82a5c rgb(168,42,92)
```
#a8762a
```
#a8762a rgb(168,118,42)
```

Tetradic Color

#1b3a6b
```
#1b3a6b rgb(27,58,107)
```
#20467f
```
#20467f rgb(32,70,127)
```
#255194
```
#255194 rgb(37,81,148)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#2f67bc
```
#2f67bc rgb(47,103,188)
```
#3873cd
```
#3873cd rgb(56,115,205)
```
#4c81d2
```
#4c81d2 rgb(76,129,210)
```

Monochromatic Color

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

#2a7ca8
```
#2a7ca8 rgb(42,124,168)
```
#2a71a8
```
#2a71a8 rgb(42,113,168)
```
#2a67a8
```
#2a67a8 rgb(42,103,168)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#2a52a8
```
#2a52a8 rgb(42,82,168)
```
#2a47a8
```
#2a47a8 rgb(42,71,168)
```
#2a3da8
```
#2a3da8 rgb(42,61,168)
```

Similar Colors

Text with hexadecimal color #2a5ca8

This text has a font color of #2a5ca8.

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

#2a5ca8 background color

This paragraph has a background color of #2a5ca8.

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

#2a5ca8 border color

This element has a border color of #2a5ca8.

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

CSS codes

.text {color:#2a5ca8;}

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

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

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)
```
#0b172a
```
#0b172a rgb(11,23,42)
```
#0f203a
```
#0f203a rgb(15,32,58)
```
#12284a
```
#12284a rgb(18,40,74)
```
#16315a
```
#16315a rgb(22,49,90)
```
#1a3a69
```
#1a3a69 rgb(26,58,105)
```
#1e4279
```
#1e4279 rgb(30,66,121)
```
#224b89
```
#224b89 rgb(34,75,137)
```
#265398
```
#265398 rgb(38,83,152)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#2e65b8
```
#2e65b8 rgb(46,101,184)
```
#326dc7
```
#326dc7 rgb(50,109,199)
```

Shade Color Variation

#3e77cf
```
#3e77cf rgb(62,119,207)
```
#4e83d3
```
#4e83d3 rgb(78,131,211)
```
#5d8ed7
```
#5d8ed7 rgb(93,142,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 #0254d0 is the most saturated one.

#63686f
```
#63686f rgb(99,104,111)
```
#5a6678
```
#5a6678 rgb(90,102,120)
```
#526480
```
#526480 rgb(82,100,128)
```
#4a6388
```
#4a6388 rgb(74,99,136)
```
#426190
```
#426190 rgb(66,97,144)
```
#3a5f98
```
#3a5f98 rgb(58,95,152)
```
#325ea0
```
#325ea0 rgb(50,94,160)
```
#2a5ca8
```
#2a5ca8 rgb(42,92,168)
```
#225ab0
```
#225ab0 rgb(34,90,176)
```
#1a59b8
```
#1a59b8 rgb(26,89,184)
```
#1257c0
```
#1257c0 rgb(18,87,192)
```
#0a55c8
```
#0a55c8 rgb(10,85,200)
```
#0254d0
```
#0254d0 rgb(2,84,208)
```

Tone Color Variation

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

#3f63ab Protanopia 1% of men
#1467ab Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#3760aa Protanomaly 1% of men, 0.01% of women
#1c63aa Deuteranomaly 6% of men, 0.4% of women
#0f6888 Tritanomaly 0.01% of the population

#2a5ca8 hex color

#2a5ca8 Color Information

#2a5ca8 Color Conversion

Color Schemes with #2a5ca8

Alternatives to #2a5ca8

#2a5ca8 Preview

Shades and Tints of #2a5ca8

Tones of #2a5ca8

Color Blindness Simulator