#2a4298 hex color

In a RGB color space, hex #2a4298 is composed of 16.5% red, 25.9% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 56.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 226.9 degrees, a saturation of 56.7% and a lightness of 38%. #2a4298 color hex could be obtained by blending #5484ff with #000031. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 16
- G 26
- B 60
RGB color chart
- C 72
- M 57
- Y 0
- K 40
CMYK color chart

● #2a4298 color description : Dark blue.

The hexadecimal color #2a4298 has RGB values of R:42, G:66, B:152 and CMYK values of C:0.72, M:0.57, Y:0, K:0.4. Its decimal value is 2769560.

Hex triplet	2a4298	`#2a4298`
RGB Decimal	42, 66, 152	`rgb(42,66,152)`
RGB Percent	16.5, 25.9, 59.6	`rgb(16.5%,25.9%,59.6%)`
CMYK	72, 57, 0, 40
HSL	226.9°, 56.7, 38	`hsl(226.9,56.7%,38%)`
HSV (or HSB)	226.9°, 72.4, 59.6
Web Safe	333399	`#333399`

CIE-LAB	31.009, 21.579, -49.865
XYZ	8.569, 6.655, 30.537
xyY	0.187, 0.145, 6.655
CIE-LCH	31.009, 54.334, 293.401
CIE-LUV	31.009, -10.666, -68.072
Hunter-Lab	25.798, 14.148, -52.124
Binary	00101010, 01000010, 10011000

#2a4298
```
#2a4298 rgb(42,66,152)
```
#98802a
```
#98802a rgb(152,128,42)
```

Complementary Color

#2a7998
```
#2a7998 rgb(42,121,152)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#492a98
```
#492a98 rgb(73,42,152)
```

Analogous Color

#79982a
```
#79982a rgb(121,152,42)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#98492a
```
#98492a rgb(152,73,42)
```

Split Complementary Color

#42982a
```
#42982a rgb(66,152,42)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#982a42
```
#982a42 rgb(152,42,66)
```

Triadic Color

#2a9880
```
#2a9880 rgb(42,152,128)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#982a42
```
#982a42 rgb(152,42,66)
```
#98802a
```
#98802a rgb(152,128,42)
```

Tetradic Color

#19285c
```
#19285c rgb(25,40,92)
```
#1f3170
```
#1f3170 rgb(31,49,112)
```
#243984
```
#243984 rgb(36,57,132)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#304bac
```
#304bac rgb(48,75,172)
```
#3553c0
```
#3553c0 rgb(53,83,192)
```
#4361cb
```
#4361cb rgb(67,97,203)
```

Monochromatic Color

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

#2a5e98
```
#2a5e98 rgb(42,94,152)
```
#2a5498
```
#2a5498 rgb(42,84,152)
```
#2a4b98
```
#2a4b98 rgb(42,75,152)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#2a3998
```
#2a3998 rgb(42,57,152)
```
#2a3098
```
#2a3098 rgb(42,48,152)
```
#2d2a98
```
#2d2a98 rgb(45,42,152)
```

Similar Colors

Text with hexadecimal color #2a4298

This text has a font color of #2a4298.

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

#2a4298 background color

This paragraph has a background color of #2a4298.

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

#2a4298 border color

This element has a border color of #2a4298.

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

CSS codes

.text {color:#2a4298;}

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

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

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, #04060e is the darkest color, while #fdfeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080d1d
```
#080d1d rgb(8,13,29)
```
#0c132c
```
#0c132c rgb(12,19,44)
```
#111a3c
```
#111a3c rgb(17,26,60)
```
#15214b
```
#15214b rgb(21,33,75)
```
#19275b
```
#19275b rgb(25,39,91)
```
#1d2e6a
```
#1d2e6a rgb(29,46,106)
```
#223579
```
#223579 rgb(34,53,121)
```
#263b89
```
#263b89 rgb(38,59,137)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#2e49a7
```
#2e49a7 rgb(46,73,167)
```
#324fb7
```
#324fb7 rgb(50,79,183)
```
#3756c6
```
#3756c6 rgb(55,86,198)
```

Shade Color Variation

#4562cc
```
#4562cc rgb(69,98,204)
```
#546fd0
```
#546fd0 rgb(84,111,208)
```
#647cd4
```
#647cd4 rgb(100,124,212)
```
#7389d8
```
#7389d8 rgb(115,137,216)
```
#8296dd
```
#8296dd rgb(130,150,221)
```
#92a3e1
```
#92a3e1 rgb(146,163,225)
```
#a1b0e5
```
#a1b0e5 rgb(161,176,229)
```
#b0bde9
```
#b0bde9 rgb(176,189,233)
```
#c0caee
```
#c0caee rgb(192,202,238)
```
#cfd7f2
```
#cfd7f2 rgb(207,215,242)
```
#dfe4f6
```
#dfe4f6 rgb(223,228,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e5f64 is the less saturated color, while #052dbd is the most saturated one.

#5e5f64
```
#5e5f64 rgb(94,95,100)
```
#575b6b
```
#575b6b rgb(87,91,107)
```
#4f5773
```
#4f5773 rgb(79,87,115)
```
#48537a
```
#48537a rgb(72,83,122)
```
#404f82
```
#404f82 rgb(64,79,130)
```
#394a89
```
#394a89 rgb(57,74,137)
```
#314691
```
#314691 rgb(49,70,145)
```
#2a4298
```
#2a4298 rgb(42,66,152)
```
#233e9f
```
#233e9f rgb(35,62,159)
```
#1b3aa7
```
#1b3aa7 rgb(27,58,167)
```
#1435ae
```
#1435ae rgb(20,53,174)
```
#0c31b6
```
#0c31b6 rgb(12,49,182)
```
#052dbd
```
#052dbd rgb(5,45,189)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#404456 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9c Protanopia 1% of men
#005489 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#0f4a9b Protanomaly 1% of men, 0.01% of women
#0f4d8e Deuteranomaly 6% of men, 0.4% of women
#0f5174 Tritanomaly 0.01% of the population

#2a4298 hex color

#2a4298 Color Information

#2a4298 Color Conversion

Color Schemes with #2a4298

Alternatives to #2a4298

#2a4298 Preview

Shades and Tints of #2a4298

Tones of #2a4298

Color Blindness Simulator